speccore 5.19.2 → 5.22.0

package/dist/commands/status-panel.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.statusPanelCommand = statusPanelCommand;
+exports.defaultPhase = defaultPhase;
 /**
  * status-panel — IDE 风格侧栏状态（实时项目状态一览）
  */
@@ -9,9 +10,23 @@ const path_1 = require("path");
 const logger_1 = require("../utils/logger");
 const unified_config_1 = require("../core/unified-config");
 const context_1 = require("../core/context");
-async function statusPanelCommand() {
+async function statusPanelCommand(options = {}) {
     const iteration = await (0, context_1.getDefaultIteration)();
     const config = await (0, unified_config_1.loadConfig)();
+    // ── Export mode ──
+    if (options.export) {
+        await exportStatus(config, iteration, options.export, options);
+        return;
+    }
+    // ── Filter labels for header ──
+    const filterLabels = [];
+    if (options.assignee)
+        filterLabels.push(`人员: ${options.assignee}`);
+    if (options.platform)
+        filterLabels.push(`平台: ${options.platform}`);
+    if (options.type)
+        filterLabels.push(`类型: ${options.type}`);
+    const filterTag = filterLabels.length > 0 ? ` [${filterLabels.join(', ')}]` : '';
     // Header
     logger_1.logger.info('');
     logger_1.logger.info('┌────────────────── SpecCore ──────────────────┐');
@@ -23,12 +38,60 @@ async function statusPanelCommand() {
         const phase = await detectPhase(iterDir);
         const phaseIcon = { init: '🔧', require: '📝', analyze: '🔍', split: '📦', dev: '💻', review: '✅', done: '✨' }[phase] || '📌';
         logger_1.logger.info(`│ 阶段: ${phaseIcon} ${phase.padEnd(35)}│`);
+        // ── Collect & filter tasks ──
+        const allTasks = await collectTasks(iterDir);
+        let filteredTasks = allTasks;
+        let totalBeforeFilter = allTasks.length;
+        if (options.assignee) {
+            filteredTasks = filteredTasks.filter(t => t.assignee === options.assignee);
+        }
+        if (options.type) {
+            filteredTasks = filteredTasks.filter(t => (t.type || '').toLowerCase() === options.type.toLowerCase());
+        }
+        if (options.platform) {
+            filteredTasks = await filterByPlatform(iterDir, filteredTasks, options.platform);
+        }
+        const tasks = filteredTasks;
+        const done = tasks.filter(t => t.status.includes('完成') || t.status.includes('completed')).length;
+        const inProgress = tasks.filter(t => t.status.includes('开发') || t.status.includes('in_progress')).length;
+        const pending = tasks.length - done - inProgress;
         // Task counts
-        const stats = await getTaskStats(iterDir);
-        if (stats.total > 0) {
-            logger_1.logger.info(`│ 任务: ${stats.done}/${stats.total} 完成`.padEnd(47) + '│');
-            const bar = buildProgressBar(stats.done, stats.total);
+        if (tasks.length > 0) {
+            const shown = tasks.length !== totalBeforeFilter ? ` ${tasks.length}/${totalBeforeFilter}` : '';
+            logger_1.logger.info(`│ 任务: ${done}/${tasks.length} 完成${shown}${filterTag}`.padEnd(47) + '│');
+            const bar = buildProgressBar(done, tasks.length);
             logger_1.logger.info(`│ ${bar.padEnd(46)}│`);
+            // People breakdown
+            const personMap = {};
+            for (const t of tasks) {
+                const who = t.assignee || '未分配';
+                if (!personMap[who])
+                    personMap[who] = { total: 0, done: 0 };
+                personMap[who].total++;
+                if (t.status.includes('完成') || t.status.includes('completed'))
+                    personMap[who].done++;
+            }
+            if (Object.keys(personMap).length > 0) {
+                logger_1.logger.info('├──────────────────────────────────────────────┤');
+                for (const [name, s] of Object.entries(personMap)) {
+                    const pBar = buildProgressBar(s.done, s.total);
+                    logger_1.logger.info(`│ ${name}: ${pBar} ${s.done}/${s.total}`.padEnd(47) + '│');
+                }
+            }
+            // Platform breakdown
+            const platformCount = await countPlatforms(iterDir, tasks);
+            if (platformCount.backend + platformCount.frontend > 0) {
+                logger_1.logger.info('├──────────────────────────────────────────────┤');
+                const parts = [];
+                if (platformCount.backend > 0)
+                    parts.push(`Backend: ${platformCount.backend}`);
+                if (platformCount.frontend > 0)
+                    parts.push(`Frontend: ${platformCount.frontend}`);
+                logger_1.logger.info(`│ 平台: ${parts.join('  ')}${' '.repeat(Math.max(0, 37 - parts.join('  ').length))}│`);
+            }
+        }
+        else {
+            logger_1.logger.info(`│ 任务: 无${filterTag}`.padEnd(47) + '│');
         }
         // Branch info
         const branch = await getCurrentBranch();
@@ -48,6 +111,49 @@ async function statusPanelCommand() {
     logger_1.logger.info('└──────────────────────────────────────────────┘');
     logger_1.logger.info('');
 }
+// ── 共享：收集所有任务数据 ──
+async function collectTasks(iterDir) {
+    const tasks = [];
+    if (!(await (0, fs_extra_1.pathExists)(iterDir)))
+        return tasks;
+    const entryList = await (0, fs_extra_1.readdir)(iterDir, { withFileTypes: true });
+    for (const e of entryList) {
+        if (e.isDirectory() && e.name.startsWith('Task-')) {
+            const taskPath = (0, path_1.join)(iterDir, e.name, 'backend', 'TASK.md');
+            try {
+                if (await (0, fs_extra_1.pathExists)(taskPath)) {
+                    const md = await (0, fs_extra_1.readFile)(taskPath, 'utf-8');
+                    const status = (md.match(/状态: (.+)/) || [])[1] || 'pending';
+                    const type = (md.match(/类型: (.+)/) || [])[1] || 'feature';
+                    const assignee = (md.match(/负责人[：:]\s*(\S+)/) || [])[1] || '';
+                    tasks.push({ id: e.name, status, type, assignee });
+                }
+                else {
+                    tasks.push({ id: e.name, status: 'pending', type: 'feature', assignee: '' });
+                }
+            }
+            catch {
+                tasks.push({ id: e.name, status: 'pending', type: 'feature', assignee: '' });
+            }
+        }
+    }
+    return tasks;
+}
+// ── 共享：按平台统计 ──
+async function countPlatforms(iterDir, tasks) {
+    let backend = 0, frontend = 0;
+    for (const t of tasks) {
+        try {
+            const entries = await (0, fs_extra_1.readdir)((0, path_1.join)(iterDir, t.id), { withFileTypes: true });
+            if (entries.some((e) => e.name === 'backend'))
+                backend++;
+            if (entries.some((e) => e.name === 'frontend'))
+                frontend++;
+        }
+        catch { }
+    }
+    return { backend, frontend };
+}
 async function detectPhase(iterDir) {
     const reqDoc = (0, path_1.join)(iterDir, '00-需求文档', 'REQUIREMENT.md');
     const analysis = (0, path_1.join)(iterDir, '00-需求文档', 'ANALYSIS.md');
@@ -140,4 +246,988 @@ async function getNextAction(phase, iterDir) {
     };
     return actions[phase] || 'speccore dev';
 }
+// 导出功能
+// ── 平台过滤: 检测 Task 目录下是否有指定平台 ──
+async function filterByPlatform(iterDir, tasks, platform) {
+    const { readdir } = require('fs-extra');
+    const { join } = require('path');
+    const result = [];
+    for (const t of tasks) {
+        const taskDir = join(iterDir, t.id);
+        try {
+            const entries = await readdir(taskDir, { withFileTypes: true });
+            if (platform === 'backend' && entries.some((e) => e.name === 'backend'))
+                result.push(t);
+            else if (platform === 'frontend' && entries.some((e) => e.name === 'frontend'))
+                result.push(t);
+            else if (entries.some((e) => e.name === platform))
+                result.push(t);
+        }
+        catch { /* task dir not found */ }
+    }
+    return result;
+}
+async function exportStatus(config, iteration, format, options = {}) {
+    const data = {
+        project: config.project.name,
+        iteration: iteration || '未设置',
+        exportedAt: new Date().toISOString(),
+        phases: {},
+    };
+    if (iteration) {
+        const iterDir = (0, path_1.join)(process.cwd(), '期次-' + iteration);
+        const phase = await require('./status-panel').defaultPhase(iterDir);
+        data.phase = phase;
+        // ── 读取期次时间范围 ──
+        const metaPath = (0, path_1.join)(iterDir, "00-期次总览", "METADATA.md");
+        const graphPath = (0, path_1.join)(iterDir, '00-期次总览', 'PROJECT_GRAPH.md');
+        if (await (0, fs_extra_1.pathExists)(graphPath)) {
+            const graph = await (0, fs_extra_1.readFile)(graphPath, 'utf-8');
+            const ownerMatch = graph.match(/负责人[：:]?\s*(\S+)/);
+            if (ownerMatch)
+                data.iterationOwner = ownerMatch[1];
+        }
+        if (await (0, fs_extra_1.pathExists)(metaPath)) {
+            const meta = await (0, fs_extra_1.readFile)(metaPath, 'utf-8');
+            const fromMatch = meta.match(/开始[：:]?\s*(\d{4}-\d{2}-\d{2})/) || meta.match(/from[：:]?\s*(\d{4}-\d{2}-\d{2})/i);
+            const toMatch = meta.match(/结束[：:]?\s*(\d{4}-\d{2}-\d{2})/) || meta.match(/to[：:]?\s*(\d{4}-\d{2}-\d{2})/i);
+            if (fromMatch)
+                data.iterationStart = fromMatch[1];
+            if (toMatch)
+                data.iterationEnd = toMatch[1];
+            // ── 里程碑时间线 ──
+            const devEnd = meta.match(/提测[：:]?\s*(\d{4}-\d{2}-\d{2})/) || meta.match(/开发结束[：:]?\s*(\d{4}-\d{2}-\d{2})/i);
+            const sit = meta.match(/SIT[：:]?\s*(\d{4}-\d{2}-\d{2})/i) || meta.match(/集成测试[：:]?\s*(\d{4}-\d{2}-\d{2})/);
+            const uat = meta.match(/UAT[：:]?\s*(\d{4}-\d{2}-\d{2})/i) || meta.match(/验收测试[：:]?\s*(\d{4}-\d{2}-\d{2})/);
+            const release = meta.match(/上线[：:]?\s*(\d{4}-\d{2}-\d{2})/) || meta.match(/发布[：:]?\s*(\d{4}-\d{2}-\d{2})/);
+            data.milestones = {
+                devEnd: devEnd ? devEnd[1] : null,
+                sit: sit ? sit[1] : null,
+                uat: uat ? uat[1] : null,
+                release: release ? release[1] : null,
+            };
+            // ── Delay 记录 ──
+            const delays = [];
+            const delayRe = /DELAY[：:]?\s*(\d{4}-\d{2}-\d{2})[：:]?\s*(.+)/gi;
+            let dm;
+            while ((dm = delayRe.exec(meta)) !== null) {
+                delays.push({ date: dm[1], reason: (dm[2] || '').trim() });
+            }
+            data.delays = delays;
+        }
+        // 计算时间进度
+        const today = new Date();
+        if (data.iterationStart && data.iterationEnd) {
+            const start = new Date(data.iterationStart).getTime();
+            const end = new Date(data.iterationEnd).getTime();
+            const now = today.getTime();
+            data.timeProgress = Math.round(Math.min(100, Math.max(0, (now - start) / (end - start) * 100)));
+            data.isOverdue = now > end;
+            data.daysLeft = Math.ceil((end - now) / 86400000);
+        }
+        const tasks = [];
+        if (await (0, fs_extra_1.pathExists)(iterDir)) {
+            const entryList = await (0, fs_extra_1.readdir)(iterDir, { withFileTypes: true });
+            for (const e of entryList) {
+                if (e.isDirectory() && e.name.startsWith('Task-')) {
+                    const taskPath = (0, path_1.join)(iterDir, e.name, 'backend', 'TASK.md');
+                    if (await (0, fs_extra_1.pathExists)(taskPath)) {
+                        const md = await (0, fs_extra_1.readFile)(taskPath, 'utf-8');
+                        const status = (md.match(/状态: (.+)/) || [])[1] || 'pending';
+                        const type = (md.match(/类型: (.+)/) || [])[1] || 'feature';
+                        const created = (md.match(/创建日期[：:]?\s*(\d{4}-\d{2}-\d{2})/) || md.match(/创建:\s*(\d{4}-\d{2}-\d{2})/) || [])[1] || '';
+                        const estimate = (md.match(/预估[工时:：]?\s*(\d+)\s*[hH小时]/) || md.match(/预计耗时[：:]?\s*(\d+)/) || [])[1] || '';
+                        const delay = (md.match(/延期\|DELAY/i) || []).length > 0;
+                        tasks.push({ id: e.name, status, type, created, estimate: estimate ? parseInt(estimate) : 0, delay, assignee: (md.match(/负责人[：:]\s*(\S+)/) || [])[1] || '' });
+                    }
+                    else {
+                        tasks.push({ id: e.name, status: 'pending' });
+                    }
+                }
+            }
+        }
+        data.tasks = tasks;
+        data.taskCount = tasks.length;
+        const nowTs = new Date().getTime();
+        const weekAgo = new Date(nowTs - 7 * 86400000);
+        // ── 过滤: 人员 / 类型 / 平台 ──
+        let filtered = tasks;
+        const filterLabels = [];
+        if (options.assignee) {
+            filtered = filtered.filter((t) => t.assignee === options.assignee);
+            filterLabels.push(`人员: ${options.assignee}`);
+        }
+        if (options.type) {
+            filtered = filtered.filter((t) => (t.type || '').toLowerCase() === options.type.toLowerCase());
+            filterLabels.push(`类型: ${options.type}`);
+        }
+        if (options.platform) {
+            // 平台过滤: 检查 Task 目录结构 (backend/ frontend/web/ frontend/h5/ etc)
+            const platformTasks = await filterByPlatform(iterDir, filtered, options.platform);
+            filtered = platformTasks;
+            filterLabels.push(`平台: ${options.platform}`);
+        }
+        if (filtered.length < tasks.length) {
+            data.filteredFrom = tasks.length;
+            data.filterLabels = filterLabels;
+            data.tasks = filtered; // 更新为过滤后的任务列表
+            // 重新计算所有统计
+            data.taskCount = filtered.length;
+            const td2 = {};
+            for (const t of filtered) {
+                const tt = (t.type || 'feature').toLowerCase();
+                td2[tt] = (td2[tt] || 0) + 1;
+            }
+            data.typeDistribution = td2;
+            data.addedThisWeek = filtered.filter((t) => t.created && new Date(t.created) >= weekAgo).length;
+            data.bugCount = filtered.filter((t) => (t.type || '').toLowerCase().includes('bug')).length;
+            const am2 = {};
+            for (const t of filtered) {
+                if (t.assignee) {
+                    if (!am2[t.assignee])
+                        am2[t.assignee] = { total: 0, done: 0 };
+                    am2[t.assignee].total++;
+                    if (t.status.includes("completed") || t.status.includes("完成"))
+                        am2[t.assignee].done++;
+                }
+            }
+            data.assigneeStats = am2;
+            // 重新计算时间维度
+            let totalAi = 0, totalHuman = 0, totalReview = 0;
+            for (const t of filtered) {
+                totalAi += t.aiTime || 0;
+                totalHuman += t.humanTime || 0;
+                totalReview += t.reviewTime || 0;
+            }
+            data.totalAiTime = totalAi;
+            data.totalHumanTime = totalHuman;
+            data.totalReviewTime = totalReview;
+            data.totalEstTime = totalAi + totalHuman + totalReview;
+            // 人员清单
+            const pt2 = {};
+            for (const t of filtered) {
+                if (t.assignee) {
+                    if (!pt2[t.assignee])
+                        pt2[t.assignee] = [];
+                    pt2[t.assignee].push(t);
+                }
+            }
+            data.personTasks = pt2;
+            const pd2 = {};
+            for (const t of filtered) {
+                if (!t.assignee)
+                    continue;
+                if (!pd2[t.assignee])
+                    pd2[t.assignee] = { total: 0, done: 0, bugs: 0, features: 0, estHours: 0 };
+                pd2[t.assignee].total++;
+                if (t.status.includes('completed') || t.status.includes('完成'))
+                    pd2[t.assignee].done++;
+                if ((t.type || '').toLowerCase().includes('bug'))
+                    pd2[t.assignee].bugs++;
+                else if (!(t.type || '').toLowerCase().includes('research'))
+                    pd2[t.assignee].features++;
+                pd2[t.assignee].estHours += t.estimate || 0;
+            }
+            // 人员→平台映射
+            data.personPlatforms = await buildPersonPlatforms(iterDir, filtered);
+            data.personDetail = pd2;
+        }
+        else {
+            // 类型分布 / 增量统计
+            const td = {};
+            for (const t of tasks) {
+                const tt = (t.type || 'feature').toLowerCase();
+                td[tt] = (td[tt] || 0) + 1;
+            }
+            data.typeDistribution = td;
+            data.addedThisWeek = tasks.filter((t) => t.created && new Date(t.created) >= weekAgo).length;
+            data.bugCount = tasks.filter((t) => (t.type || '').toLowerCase().includes('bug')).length;
+            const am = {};
+            for (const t of tasks) {
+                if (t.assignee) {
+                    if (!am[t.assignee])
+                        am[t.assignee] = { total: 0, done: 0 };
+                    am[t.assignee].total++;
+                    if (t.status.includes("completed") || t.status.includes("完成"))
+                        am[t.assignee].done++;
+                }
+            }
+            data.assigneeStats = am;
+            // 人员多维统计
+            const personDetail = {};
+            for (const t of tasks) {
+                if (!t.assignee)
+                    continue;
+                if (!personDetail[t.assignee])
+                    personDetail[t.assignee] = { total: 0, done: 0, bugs: 0, features: 0, estHours: 0 };
+                personDetail[t.assignee].total++;
+                if (t.status.includes('completed') || t.status.includes('完成'))
+                    personDetail[t.assignee].done++;
+                if ((t.type || '').toLowerCase().includes('bug'))
+                    personDetail[t.assignee].bugs++;
+                else if (!(t.type || '').toLowerCase().includes('research'))
+                    personDetail[t.assignee].features++;
+                personDetail[t.assignee].estHours += t.estimate || 0;
+            }
+            data.personDetail = personDetail;
+            // 人员→平台映射
+            data.personPlatforms = await buildPersonPlatforms(iterDir, tasks);
+            // 每人任务清单
+            const personTasks = {};
+            for (const t of tasks) {
+                if (!t.assignee)
+                    continue;
+                if (!personTasks[t.assignee])
+                    personTasks[t.assignee] = [];
+                personTasks[t.assignee].push(t);
+            }
+            data.personTasks = personTasks;
+            let totalAi = 0, totalHuman = 0, totalReview = 0;
+            for (const t of tasks) {
+                totalAi += t.aiTime || 0;
+                totalHuman += t.humanTime || 0;
+                totalReview += t.reviewTime || 0;
+            }
+            data.totalAiTime = totalAi;
+            data.totalHumanTime = totalHuman;
+            data.totalReviewTime = totalReview;
+            data.totalEstTime = totalAi + totalHuman + totalReview;
+        }
+    } // end if(iteration)
+    if (format === 'json') {
+        const outPath = 'speccore-status.json';
+        await (0, fs_extra_1.writeFile)(outPath, JSON.stringify(data, null, 2));
+        logger_1.logger.info(`✅ 导出到 ${outPath}`);
+    }
+    else if (format === 'md') {
+        let md = `# SpecCore Status — ${config.project.name}\n\n`;
+        md += `- 期次: ${iteration || '无'}\n- 阶段: ${data.phase || 'N/A'}\n\n`;
+        md += '## Tasks\n\n| ID | Status | Type |\n| :--- | :--- | :--- |\n';
+        for (const t of data.tasks || [])
+            md += `| ${t.id} | ${t.status} | ${t.type} |\n`;
+        const outPath = 'speccore-status.md';
+        await (0, fs_extra_1.writeFile)(outPath, md);
+        logger_1.logger.info(`✅ 导出到 ${outPath}`);
+    }
+    else if (format === 'html') {
+        const outPath = 'speccore-status.html';
+        await (0, fs_extra_1.writeFile)(outPath, buildHtmlDashboard(data));
+        logger_1.logger.info(`✅ 导出到 ${outPath}`);
+    }
+}
+// ── 人员→平台映射 ──
+async function buildPersonPlatforms(iterDir, tasks) {
+    const { readdir } = require('fs-extra');
+    const { join } = require('path');
+    const map = {};
+    for (const t of tasks) {
+        if (!t.assignee || map[t.assignee])
+            continue;
+        try {
+            const entries = await readdir(join(iterDir, t.id), { withFileTypes: true });
+            const platforms = [];
+            if (entries.some((e) => e.name === 'backend'))
+                platforms.push('backend');
+            const fe = entries.find((e) => e.name === 'frontend');
+            if (fe && fe.isDirectory()) {
+                const subs = await readdir(join(iterDir, t.id, 'frontend'), { withFileTypes: true });
+                for (const s of subs) {
+                    if (s.isDirectory())
+                        platforms.push('frontend/' + s.name);
+                }
+                if (subs.length === 0)
+                    platforms.push('frontend');
+            }
+            map[t.assignee] = platforms.join(', ') || '';
+        }
+        catch {
+            map[t.assignee] = '';
+        }
+    }
+    return map;
+}
+async function defaultPhase(iterDir) {
+    const reqDoc = (0, path_1.join)(iterDir, '00-需求文档', 'REQUIREMENT.md');
+    const analysis = (0, path_1.join)(iterDir, '00-需求文档', 'ANALYSIS.md');
+    if (!(await (0, fs_extra_1.pathExists)(reqDoc)))
+        return 'init';
+    if (!(await (0, fs_extra_1.pathExists)(analysis)))
+        return 'require';
+    const tasks = await (0, fs_extra_1.readdir)(iterDir, { withFileTypes: true });
+    if (!tasks.some((e) => e.isDirectory() && e.name.startsWith('Task-')))
+        return 'analyze';
+    return 'dev';
+}
+function buildHtmlDashboard(data) {
+    const tasks = data.tasks || [];
+    const total = tasks.length;
+    const done = tasks.filter((t) => t.status.includes('完成') || t.status === 'completed').length;
+    const inProgress = tasks.filter((t) => t.status.includes('开发') || t.status === 'in_progress').length;
+    const pending = total - done - inProgress;
+    const donePct = total > 0 ? Math.round(done / total * 100) : 0;
+    const inProgressPct = total > 0 ? Math.round(inProgress / total * 100) : 0;
+    const pendingPct = total > 0 ? Math.round(pending / total * 100) : 0;
+    const phaseMap = { init: '初始化', require: '需求分析', analyze: '分析中', dev: '开发中', review: '审查中', done: '已完成' };
+    const phase = data.phase || 'N/A';
+    const phaseLabel = phaseMap[phase] || phase;
+    const featCount = (data.typeDistribution && data.typeDistribution['feature']) || 0;
+    const bugCount = (data.typeDistribution && data.typeDistribution['bugfix']) || 0;
+    const researchCount = (data.typeDistribution && data.typeDistribution['research']) || 0;
+    const addedThisWeek = data.addedThisWeek || 0;
+    const am = data.assigneeStats || {};
+    const assigneeCards = Object.entries(am).map(([name, s]) => {
+        const pct = s.total > 0 ? Math.round(s.done / s.total * 100) : 0;
+        return '<div style="background:rgba(0,240,255,.03);border:1px solid rgba(0,240,255,.08);border-radius:8px;padding:16px">' +
+            '<div style="font-size:14px;font-weight:600;margin-bottom:8px">' + name + '</div>' +
+            '<div style="display:flex;gap:12px;margin-bottom:8px">' +
+            '<div><span class="num-font">' + s.done + '</span><span style="font-size:10px;color:var(--muted)">/' + s.total + '</span></div>' +
+            '<div class="num-font" style="margin-left:auto">' + pct + '%</div>' +
+            '</div>' +
+            '<div style="height:4px;background:rgba(255,255,255,.03);border-radius:2px;overflow:hidden">' +
+            '<div style="width:' + pct + '%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:2px"></div></div>' +
+            '</div>';
+    }).join('');
+    const hasAssignees = assigneeCards.length > 0;
+    const totalAi = data.totalAiTime || 0;
+    const totalHuman = data.totalHumanTime || 0;
+    const totalReview = data.totalReviewTime || 0;
+    const totalEstTime = data.totalEstTime || 0;
+    const personPlatforms = data.personPlatforms || {};
+    const pt = data.personTasks || {};
+    const pd = data.personDetail || {};
+    // ── 排序：后端在前 → 前端在后，每组按姓氏首字母 ──
+    // ── 中文姓氏拼音映射 ──
+    const pinyinMap = {
+        '安': 'an', '白': 'bai', '包': 'bao', '鲍': 'bao', '毕': 'bi', '边': 'bian', '蔡': 'cai', '曹': 'cao',
+        '常': 'chang', '陈': 'chen', '程': 'cheng', '崔': 'cui', '戴': 'dai', '邓': 'deng', '丁': 'ding',
+        '董': 'dong', '杜': 'du', '段': 'duan', '范': 'fan', '方': 'fang', '冯': 'feng', '傅': 'fu',
+        '高': 'gao', '葛': 'ge', '龚': 'gong', '顾': 'gu', '关': 'guan', '郭': 'guo', '韩': 'han',
+        '何': 'he', '贺': 'he', '洪': 'hong', '侯': 'hou', '胡': 'hu', '华': 'hua', '黄': 'huang',
+        '霍': 'huo', '纪': 'ji', '贾': 'jia', '江': 'jiang', '姜': 'jiang', '蒋': 'jiang', '金': 'jin',
+        '康': 'kang', '孔': 'kong', '赖': 'lai', '雷': 'lei', '黎': 'li', '李': 'li', '梁': 'liang',
+        '廖': 'liao', '林': 'lin', '刘': 'liu', '柳': 'liu', '龙': 'long', '卢': 'lu', '鲁': 'lu',
+        '陆': 'lu', '吕': 'lv', '罗': 'luo', '马': 'ma', '毛': 'mao', '孟': 'meng', '莫': 'mo',
+        '倪': 'ni', '牛': 'niu', '潘': 'pan', '彭': 'peng', '齐': 'qi', '钱': 'qian', '乔': 'qiao',
+        '秦': 'qin', '邱': 'qiu', '任': 'ren', '阮': 'ruan', '邵': 'shao', '沈': 'shen', '盛': 'sheng',
+        '石': 'shi', '史': 'shi', '宋': 'song', '苏': 'su', '孙': 'sun', '谭': 'tan', '汤': 'tang',
+        '唐': 'tang', '陶': 'tao', '田': 'tian', '童': 'tong', '万': 'wan', '汪': 'wang', '王': 'wang',
+        '韦': 'wei', '魏': 'wei', '温': 'wen', '文': 'wen', '吴': 'wu', '武': 'wu', '夏': 'xia',
+        '向': 'xiang', '萧': 'xiao', '谢': 'xie', '熊': 'xiong', '徐': 'xu', '许': 'xu', '薛': 'xue',
+        '严': 'yan', '阎': 'yan', '杨': 'yang', '姚': 'yao', '叶': 'ye', '易': 'yi', '殷': 'yin',
+        '尹': 'yin', '应': 'ying', '尤': 'you', '于': 'yu', '余': 'yu', '俞': 'yu', '袁': 'yuan',
+        '岳': 'yue', '曾': 'zeng', '张': 'zhang', '章': 'zhang', '赵': 'zhao', '郑': 'zheng',
+        '钟': 'zhong', '周': 'zhou', '朱': 'zhu', '祝': 'zhu', '庄': 'zhuang', '邹': 'zou',
+    };
+    const surnameOrder = (n) => {
+        const first = n.charAt(0);
+        const py = pinyinMap[first];
+        if (py)
+            return py;
+        const c = n.charCodeAt(0);
+        if (c >= 0x4E00)
+            return n; // 中文未收录的，fallback 到原文
+        return n.toLowerCase(); // 英��按字母序
+    };
+    const getPlatformGroup = (name) => {
+        const p = personPlatforms[name] || '';
+        if (p.includes('backend'))
+            return '0_backend';
+        if (p.includes('frontend'))
+            return '1_frontend';
+        return '2_other';
+    };
+    const sortedPersonEntries = Object.entries(pd)
+        .sort(([a], [b]) => {
+        const ga = getPlatformGroup(a);
+        const gb = getPlatformGroup(b);
+        if (ga !== gb)
+            return ga.localeCompare(gb);
+        return surnameOrder(a).localeCompare(surnameOrder(b));
+    });
+    const personDetailCards = sortedPersonEntries.map(([name, d]) => {
+        const pct = d.total > 0 ? Math.round(d.done / d.total * 100) : 0;
+        const bugPct = d.total > 0 ? Math.round(d.bugs / d.total * 100) : 0;
+        return '<div style="background:rgba(0,240,255,.03);border:1px solid rgba(0,240,255,.08);border-radius:10px;padding:18px">' +
+            '<div style="font-size:15px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px">' + name +
+            '<span style="margin-left:auto;font-family:Orbitron;font-size:13px;color:var(--cyan)">' + pct + '%</span></div>' +
+            '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px">' +
+            '<div><span style="color:var(--muted)">任务</span><div style="font-weight:600;margin-top:2px">' + d.done + '/' + d.total + '</div></div>' +
+            '<div><span style="color:var(--muted)">功能</span><div style="font-weight:600;margin-top:2px">' + d.features + '</div></div>' +
+            '<div><span style="color:var(--muted)">Bug</span><div style="font-weight:600;margin-top:2px;color:' + (bugPct > 30 ? 'var(--orange)' : 'var(--text)') + '">' + d.bugs + '</div></div>' +
+            '<div><span style="color:var(--muted)">工时</span><div style="font-weight:600;margin-top:2px">' + d.estHours + 'h</div></div>' +
+            '</div>' +
+            '<div style="height:4px;background:rgba(255,255,255,.04);border-radius:2px;margin-top:12px;overflow:hidden">' +
+            '<div style="width:' + pct + '%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:2px"></div></div>' +
+            '</div>';
+    }).join('');
+    const bugTotal = data.bugCount || 0;
+    const phasePct = { init: 10, require: 25, analyze: 40, dev: 60, review: 80, done: 100 }[phase] || 0;
+    return `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>SpecCore — ${data.project}</title>
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=JetBrains+Mono:wght@400;600;700&display=swap');
+[data-theme="cyber"]{--cyan:#00f0ff;--blue:#3b82f6;--green:#00ff88;--purple:#a78bfa;--orange:#f59e0b;--bg:#060b14;--card:rgba(8,16,32,.85);--border:rgba(0,240,255,.12);--text:#c4d5e7;--muted:#4a5568;--surface:rgba(17,25,40,.7);--hover:rgba(0,240,255,.02)}
+[data-theme="light"]{--cyan:#2563eb;--blue:#3b82f6;--green:#059669;--purple:#7c3aed;--orange:#d97706;--bg:#f8fafc;--card:rgba(255,255,255,.95);--border:rgba(0,0,0,.08);--text:#1e293b;--muted:#94a3b8;--surface:rgba(255,255,255,.95);--hover:rgba(37,99,235,.02)}
+[data-theme="github"]{--cyan:#2da44e;--blue:#0969da;--green:#1a7f37;--purple:#8250df;--orange:#cf222e;--bg:#0d1117;--card:#161b22;--border:#30363d;--text:#c9d1d9;--muted:#8b949e;--surface:#161b22;--hover:rgba(45,164,78,.05)}
+[data-theme="synth"]{--cyan:#f92aad;--blue:#ff7edb;--green:#36f9f6;--purple:#b381f9;--orange:#ffb86c;--bg:#1a0024;--card:rgba(30,0,50,.9);--border:rgba(249,42,173,.2);--text:#f8f8f2;--muted:#6b3e7a;--surface:rgba(30,0,50,.9);--hover:rgba(249,42,173,.05)}
+[data-theme="ocean"]{--cyan:#0ea5e9;--blue:#0284c7;--green:#14b8a6;--purple:#6366f1;--orange:#f97316;--bg:#0b1929;--card:rgba(13,31,56,.9);--border:rgba(14,165,233,.15);--text:#bae6fd;--muted:#5b7fa5;--surface:rgba(13,31,56,.9);--hover:rgba(14,165,233,.05)}
+[data-theme="sakura"]{--cyan:#f472b6;--blue:#c084fc;--green:#a3e635;--purple:#e879f9;--orange:#fb923c;--bg:#1a0a14;--card:rgba(30,10,20,.9);--border:rgba(244,114,182,.2);--text:#fce7f3;--muted:#9d4a6d;--surface:rgba(30,10,20,.9);--hover:rgba(244,114,182,.05)}
+[data-theme="forest"]{--cyan:#059669;--blue:#0284c7;--green:#22c55e;--purple:#6366f1;--orange:#ca8a04;--bg:#0a140a;--card:rgba(12,24,12,.9);--border:rgba(5,150,105,.15);--text:#d1fae5;--muted:#3b6b4e;--surface:rgba(12,24,12,.9);--hover:rgba(5,150,105,.05)}
+[data-theme="amber"]{--cyan:#ffb000;--blue:#ff8c00;--green:#32cd32;--purple:#da70d6;--orange:#ff6347;--bg:#0c0c0c;--card:#1a1a1a;--border:#333;--text:#ffb000;--muted:#666;--surface:#1a1a1a;--hover:rgba(255,176,0,.05)}
+[data-theme="mono"]{--cyan:#64748b;--blue:#475569;--green:#334155;--purple:#1e293b;--orange:#94a3b8;--bg:#0f172a;--card:#1e293b;--border:#334155;--text:#e2e8f0;--muted:#64748b;--surface:#1e293b;--hover:rgba(100,116,139,.05)}
+*,*::after,*::before{box-sizing:border-box;margin:0;padding:0}
+.theme-sw{position:fixed;top:16px;right:16px;z-index:100;display:flex;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:4px;backdrop-filter:blur(10px)}.theme-sw button{width:32px;height:32px;border-radius:16px;border:none;cursor:pointer;transition:all .2s;font-size:14px;display:flex;align-items:center;justify-content:center;background:transparent}.theme-sw button:hover{transform:scale(1.1)}.theme-sw button.active{box-shadow:0 0 0 2px var(--cyan)}body{font-family:'JetBrains Mono',monospace;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
+.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.015) 2px,rgba(0,240,255,.015) 4px);pointer-events:none;z-index:999}
+.stars{position:fixed;inset:0;background:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 25% 65%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 50% 30%,rgba(0,240,255,.5),transparent),radial-gradient(1px 1px at 70% 55%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 85% 15%,rgba(168,85,247,.4),transparent),radial-gradient(1.5px 1.5px at 15% 80%,rgba(0,240,255,.45),transparent),radial-gradient(1px 1px at 60% 85%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90% 75%,rgba(0,255,136,.4),transparent);pointer-events:none;z-index:0}
+.grid-pattern{position:fixed;inset:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}
+main{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:40px 32px}
+.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;padding:24px 32px;background:var(--card);border:1px solid var(--border);border-radius:12px;backdrop-filter:blur(20px);position:relative;overflow:hidden}
+.header::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:scan 3s linear infinite}
+@keyframes scan{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
+.header-left h1{font-family:'Orbitron',sans-serif;font-size:26px;font-weight:900;background:linear-gradient(135deg,var(--cyan),#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-shadow:0 0 40px rgba(0,240,255,.3)}
+.header-left .subtitle{color:var(--muted);font-size:12px;margin-top:4px;letter-spacing:1px}
+.header-right{display:flex;gap:16px;align-items:center}
+.header-stat{text-align:center;padding:0 20px;border-left:1px solid rgba(0,240,255,.1)}
+.header-stat .num{font-family:'Orbitron',sans-serif;font-size:22px;font-weight:700;color:var(--cyan);text-shadow:0 0 20px rgba(0,240,255,.4)}
+.header-stat .label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
+.phase-indicator{display:flex;align-items:center;gap:8px;padding:8px 20px;border:1px solid rgba(0,240,255,.2);border-radius:20px;background:rgba(0,240,255,.05)}
+.phase-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 2s ease-in-out infinite}
+@keyframes pulse{0%,100%{box-shadow:0 0 12px var(--cyan)}50%{box-shadow:0 0 24px var(--cyan),0 0 48px rgba(0,240,255,.3)}}
+.phase-indicator span{font-size:12px;color:var(--cyan);letter-spacing:1px}
+.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}
+@media(max-width:1000px){.grid{grid-template-columns:1fr}}
+.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:28px;backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all .3s}
+.card:hover{border-color:rgba(0,240,255,.25);box-shadow:0 0 30px rgba(0,240,255,.08),inset 0 0 30px rgba(0,240,255,.02)}
+.card-icon{font-size:28px;margin-bottom:16px;display:block}
+.card h3{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}
+.card .big-num{font-family:'Orbitron',sans-serif;font-size:42px;font-weight:900;line-height:1}
+.card .big-num.cyan{color:var(--cyan);text-shadow:0 0 30px rgba(0,240,255,.3)}
+.card .big-num.green{color:var(--green);text-shadow:0 0 30px rgba(0,255,136,.3)}
+.card .big-num.purple{color:var(--purple);text-shadow:0 0 30px rgba(168,85,247,.3)}
+.tech-bar{height:4px;background:rgba(255,255,255,.04);border-radius:2px;margin-top:16px;overflow:hidden;position:relative}
+.tech-bar-fill{height:100%;border-radius:2px;position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1)}
+.tech-bar-fill::after{content:'';position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4))}
+.tech-bar-fill.cyan{background:linear-gradient(90deg,#0369a1,var(--cyan));box-shadow:0 0 12px rgba(0,240,255,.3)}
+.tech-bar-fill.green{background:linear-gradient(90deg,#065f46,var(--green));box-shadow:0 0 12px rgba(0,255,136,.3)}
+.tech-bar-fill.purple{background:linear-gradient(90deg,#5b21b6,var(--purple));box-shadow:0 0 12px rgba(168,85,247,.3)}
+.stacked{display:flex;height:36px;border-radius:6px;overflow:hidden;gap:2px;margin-top:16px}
+.stacked-seg{display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;letter-spacing:.5px}
+.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:28px;backdrop-filter:blur(20px);margin-bottom:20px}
+.panel-title{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;color:var(--cyan);letter-spacing:2px;margin-bottom:20px;display:flex;align-items:center;gap:10px}
+.panel-title::before{content:'◆';font-size:10px;color:var(--cyan);text-shadow:0 0 8px var(--cyan)}
+table{width:100%;border-collapse:collapse}
+th{padding:14px 16px;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid rgba(0,240,255,.08);text-align:left}
+td{padding:14px 16px;border-bottom:1px solid rgba(0,240,255,.03);font-size:13px;transition:all .2s}
+tr:hover td{background:rgba(0,240,255,.02)}
+td.code{font-family:'JetBrains Mono',monospace;color:var(--text);font-weight:600}
+.tx-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px}
+.tx-badge::before{content:'';width:6px;height:6px;border-radius:50%}
+.tx-done{background:rgba(0,255,136,.08);color:var(--green);border:1px solid rgba(0,255,136,.2)}
+.tx-done::before{background:var(--green);box-shadow:0 0 8px var(--green)}
+.tx-active{background:rgba(0,240,255,.08);color:var(--cyan);border:1px solid rgba(0,240,255,.2)}
+.tx-active::before{background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pulse 2s infinite}
+.tx-wait{background:rgba(100,116,139,.08);color:var(--muted);border:1px solid rgba(100,116,139,.2)}
+.tx-wait::before{background:#64748b}
+.type-t{display:inline-block;padding:3px 10px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
+.type-feat{background:rgba(59,130,246,.12);color:#60a5fa}
+.type-bug{background:rgba(245,158,11,.12);color:#fbbf24}
+.type-res{background:rgba(168,85,247,.12);color:#c084fc}
+.footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding:16px 0;border-top:1px solid rgba(0,240,255,.06);color:var(--muted);font-size:11px;letter-spacing:1px}
+.data-stream{position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,rgba(0,240,255,.02));overflow:hidden}
+.num-font{font-family:'Orbitron',sans-serif;font-size:18px;color:var(--cyan)}.data-stream span{position:absolute;color:rgba(0,240,255,.15);font-family:'JetBrains Mono',monospace;font-size:10px;white-space:nowrap;animation:stream 20s linear infinite}
+@keyframes stream{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
+
+.fs-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--muted);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;opacity:0}
+.card:hover .fs-btn,.panel:hover .fs-btn{opacity:1}
+.fs-btn:hover{background:rgba(0,240,255,.1);border-color:rgba(0,240,255,.3);color:var(--cyan)}
+.fs-fullscreen{position:fixed!important;inset:0!important;z-index:1000!important;border-radius:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}.fs-fullscreen::-webkit-scrollbar{width:6px}.fs-fullscreen::-webkit-scrollbar-thumb{background:rgba(0,240,255,.2);border-radius:3px}.fs-fullscreen{background:var(--bg)!important;backdrop-filter:none!important;opacity:1!important;padding:40px!important;width:100vw!important;height:100vh!important;max-width:none!important}.fs-fullscreen svg{width:100%!important;height:auto!important;max-height:65vh!important}.fs-fullscreen table{font-size:16px}.fs-fullscreen .stat-value{font-size:52px}.fs-fullscreen .big-num{font-size:64px}.fs-fullscreen .card{padding:36px}
+.fs-tip{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.2);padding:8px 20px;border-radius:20px;font-size:11px;color:var(--cyan);z-index:1001;letter-spacing:1px;animation:fadeIn .3s ease;pointer-events:none}
+@keyframes fadeIn{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
+
+</style>
+</head>
+<body>
+<div class="theme-sw"><button onclick="setTheme('ocean')" title="Ocean Blue">🌊</button><button onclick="setTheme('cyber')" title="Cyber Dark">🌙</button><button onclick="setTheme('light')" title="Light Studio">☀️</button><button onclick="setTheme('mono')" title="Mono Tech">⬛</button><button onclick="setTheme('github')" title="GitHub Dark">🐙</button><button onclick="setTheme('synth')" title="SynthWave">💜</button><button onclick="setTheme('amber')" title="Amber Terminal">🟡</button><button onclick="setTheme('sakura')" title="Cherry Sakura">🌸</button><button onclick="setTheme('forest')" title="Midnight Forest">🌲</button></div>
+<div class="grid-pattern"></div><div class="stars"></div><div class="scanlines"></div>
+<main>
+  <div class="header">
+    <div class="header-left">
+      <h1>${data.project.toUpperCase()}</h1>
+      <div class="subtitle">SPECCORE · SPEC-DRIVEN DEVELOPMENT${data.iterationOwner ? " · OWNER: " + data.iterationOwner.toUpperCase() : ""}${data.filterLabels ? " · " + data.filterLabels.join(" · ") : ""}${data.filteredFrom ? " (过滤自 " + data.filteredFrom + " 个任务)" : ""}</div>
+    </div>
+    <div class="header-right">
+      <div class="header-stat"><div class="num">Q2</div><div class="label">期次</div></div>
+      <div class="header-stat"><div class="num">${total}</div><div class="label">任务</div></div>
+      <div class="header-stat"><div class="num">${donePct}%</div><div class="label">完成</div></div>
+      <div class="phase-indicator"><div class="dot"></div><span>${phaseLabel.toUpperCase()}</span></div>
+    </div>
+  </div>
+
+  <div class="panel" style="margin-bottom:24px">
+    <div class="panel-title">ITERATION TIMELINE</div>
+    <div style="display:flex;align-items:center;gap:20px;flex-wrap:wrap">
+      <div style="flex:1;min-width:300px">
+        <div style="display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px;color:var(--muted)">
+          <span>${data.iterationStart || "—"}</span>
+          <span style="color:var(--cyan)">TODAY</span>
+          <span>${data.iterationEnd || "—"}</span>
+        </div>
+        <div style="height:8px;background:rgba(255,255,255,.04);border-radius:4px;overflow:hidden;position:relative">
+          <div style="position:absolute;top:0;left:${data.timeProgress || 0}%;width:2px;height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);z-index:2"></div>
+          <div style="width:${data.timeProgress || 0}%;height:100%;background:linear-gradient(90deg,rgba(0,240,255,.3),rgba(0,240,255,.6));border-radius:4px;transition:width 1s"></div>
+        </div>
+        <div style="display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--muted)">
+          <span>TIME ELAPSED: ${data.timeProgress || 0}%</span>
+          <span style="color:${data.isOverdue ? 'var(--orange)' : 'var(--green)'}">${data.isOverdue ? 'OVERDUE' : 'DAYS LEFT'}: ${data.daysLeft || 0}</span>
+        </div>
+      </div>
+      <div style="display:flex;gap:16px">
+        <div style="text-align:center;padding:12px 20px;background:rgba(0,240,255,.05);border:1px solid rgba(0,240,255,.15);border-radius:8px">
+          <div style="font-family:Orbitron;font-size:20px;color:var(--cyan);text-shadow:0 0 12px rgba(0,240,255,.3)">${data.daysLeft || 0}</div>
+          <div style="font-size:10px;color:var(--muted);margin-top:4px">DAYS</div>
+        </div>
+        <div style="text-align:center;padding:12px 20px;background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.15);border-radius:8px">
+          <div style="font-family:Orbitron;font-size:20px;color:var(--green);text-shadow:0 0 12px rgba(0,255,136,.3)">${donePct}%</div>
+          <div style="font-size:10px;color:var(--muted);margin-top:4px">DONE</div>
+        </div>
+      </div>
+    </div>
+    ${data.milestones ? '<div style="margin-top:20px;display:flex;gap:12px;flex-wrap:wrap">' +
+        ['devEnd', 'sit', 'uat', 'release'].map((k) => {
+            const labels = { devEnd: '提测', sit: 'SIT', uat: 'UAT', release: '上线' };
+            const icons = { devEnd: '🧪', sit: '🔬', uat: '✅', release: '🚀' };
+            const val = data.milestones[k];
+            const today = new Date();
+            const target = val ? new Date(val) : null;
+            const isPast = target && target <= today;
+            const isSet = !!val;
+            return '<div style="flex:1;min-width:120px;padding:12px 16px;background:' + (isSet ? (isPast ? 'rgba(0,255,136,.05)' : 'rgba(0,240,255,.05)') : 'rgba(255,255,255,.02)') + ';border:1px solid ' + (isSet ? (isPast ? 'rgba(0,255,136,.15)' : 'rgba(0,240,255,.15)') : 'rgba(255,255,255,.04)') + ';border-radius:8px;text-align:center">' +
+                '<div style="font-size:20px;margin-bottom:4px">' + icons[k] + '</div>' +
+                '<div style="font-family:Orbitron;font-size:16px;color:' + (isPast ? 'var(--green)' : isSet ? 'var(--cyan)' : 'var(--muted)') + '">' + (val || '—') + '</div>' +
+                '<div style="font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:1px">' + labels[k] + '</div></div>';
+        }).join('') + '</div>' : ''}
+    ${(data.delays || []).length > 0 ? '<div style="margin-top:16px;padding:12px 16px;background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.15);border-radius:8px"><div style="font-size:10px;color:var(--orange);letter-spacing:1px;margin-bottom:8px">⚠ DELAY HISTORY (' + (data.delays || []).length + ')</div>' +
+        (data.delays || []).map((d) => '<div style="font-size:11px;color:var(--text);margin-bottom:4px;display:flex;gap:12px"><span style="color:var(--orange);font-family:Orbitron;font-size:10px">' + d.date + '</span><span>' + d.reason + '</span></div>').join('') + '</div>' : ''}
+  </div>
+
+  <div class="grid">
+    <div class="card">
+      <button class="fs-btn" title="Fullscreen (F)" onclick="toggleFS(this.parentElement)">⛶</button>
+      <div class="data-stream"><span>ANALYZING PHASE PROGRESS...</span></div>
+      <span class="card-icon">⏳</span>
+      <h3>Phase Progress</h3>
+      <div class="big-num cyan">${phaseLabel}</div>
+      <div class="tech-bar"><div class="tech-bar-fill cyan" style="width:${phasePct}%"></div></div>
+      <div style="color:var(--muted);font-size:11px;margin-top:8px;letter-spacing:1px">${phasePct}% COMPLETE</div>
+    </div>
+
+    <div class="card">
+      <button class="fs-btn" title="Fullscreen (F)" onclick="toggleFS(this.parentElement)">⛶</button>
+      <div class="data-stream"><span>PARSING TASK DISTRIBUTION...</span></div>
+      <span class="card-icon">📊</span>
+      <h3>Task Distribution</h3>
+      <div class="big-num purple">${total}</div>
+      <div class="stacked">
+        <div class="stacked-seg" style="width:${donePct}%;background:linear-gradient(180deg,#065f46,var(--green))">${donePct > 10 ? done : ''}</div>
+        <div class="stacked-seg" style="width:${inProgressPct}%;background:linear-gradient(180deg,#0c4a6e,var(--cyan))">${inProgressPct > 10 ? inProgress : ''}</div>
+        <div class="stacked-seg" style="width:${pendingPct}%;background:rgba(255,255,255,.03)">${pendingPct > 10 ? pending : ''}</div>
+      </div>
+      <div style="display:flex;gap:20px;margin-top:12px;font-size:11px;color:var(--muted)">
+        <span>■ ${done} DONE</span><span>■ ${inProgress} ACTIVE</span><span>■ ${pending} QUEUED</span>
+      </div>
+    </div>
+
+    <div class="card">
+      <button class="fs-btn" title="Fullscreen (F)" onclick="toggleFS(this.parentElement)">⛶</button>
+      <div class="data-stream"><span>CALCULATING COMPLETION RATE...</span></div>
+      <span class="card-icon">🎯</span>
+      <h3>Completion Rate</h3>
+      <div class="big-num green">${donePct}%</div>
+      <div class="tech-bar"><div class="tech-bar-fill green" style="width:${donePct}%"></div></div>
+      <div style="color:var(--muted);font-size:11px;margin-top:8px;letter-spacing:1px">${done}/${total} TASKS RESOLVED</div>
+    </div>
+  </div>
+
+  <div class="grid" style="grid-template-columns:1fr 1fr;margin-top:0">
+    <div class="card">
+      <button class="fs-btn" title="Fullscreen (F)" onclick="toggleFS(this.parentElement)">⛶</button>
+      <div class="data-stream"><span>GENERATING DONUT METRICS...</span></div>
+      <h3 style="margin-bottom:20px">COMPLETION BREAKDOWN</h3>
+      <div style="display:flex;align-items:center;gap:32px;justify-content:center">
+        <svg viewBox="0 0 160 160" style="width:160px;height:160px">
+          <defs>
+            <linearGradient id="d1" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#00ff88"/><stop offset="100%" stop-color="#10b981"/></linearGradient>
+            <linearGradient id="d2" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#00f0ff"/><stop offset="100%" stop-color="#3b82f6"/></linearGradient>
+            <linearGradient id="d3" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#a78bfa"/><stop offset="100%" stop-color="#6366f1"/></linearGradient>
+          </defs>
+          <circle cx="80" cy="80" r="60" fill="none" stroke="rgba(255,255,255,.03)" stroke-width="22"/>
+          <circle cx="80" cy="80" r="60" fill="none" stroke="url(#d1)" stroke-width="22" 
+                  stroke-dasharray="${donePct * 3.77} 377" stroke-dashoffset="0" transform="rotate(-90,80,80)" stroke-linecap="round"/>
+          <text x="80" y="72" text-anchor="middle" font-family="Orbitron" font-size="28" font-weight="900" fill="var(--cyan)" text-shadow="0 0 20px rgba(0,240,255,.4)">${donePct}%</text>
+          <text x="80" y="95" text-anchor="middle" font-size="10" fill="#4a5568" letter-spacing="1">COMPLETE</text>
+        </svg>
+        <div style="display:flex;flex-direction:column;gap:12px">
+          <div style="display:flex;align-items:center;gap:8px"><div style="width:10px;height:10px;border-radius:2px;background:var(--green);box-shadow:0 0 8px var(--green)"></div><span style="font-size:12px;color:var(--text)">RESOLVED</span><span style="font-family:Orbitron;font-size:14px;color:var(--green);margin-left:auto">${done}</span></div>
+          <div style="display:flex;align-items:center;gap:8px"><div style="width:10px;height:10px;border-radius:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)"></div><span style="font-size:12px;color:var(--text)">ACTIVE</span><span style="font-family:Orbitron;font-size:14px;color:var(--cyan);margin-left:auto">${inProgress}</span></div>
+          <div style="display:flex;align-items:center;gap:8px"><div style="width:10px;height:10px;border-radius:2px;background:#4a5568"></div><span style="font-size:12px;color:var(--muted)">QUEUED</span><span style="font-family:Orbitron;font-size:14px;color:var(--muted);margin-left:auto">${pending}</span></div>
+        </div>
+      </div>
+    </div>
+
+    <div class="card">
+      <button class="fs-btn" title="Fullscreen (F)" onclick="toggleFS(this.parentElement)">⛶</button>
+      <div class="data-stream"><span>RENDERING TASK TIMELINE...</span></div>
+      <h3 style="margin-bottom:20px">TASK PROGRESS</h3>
+      <div style="display:flex;flex-direction:column;gap:14px">
+      ${tasks.map((t, i) => {
+        const pct = i === 0 ? 100 : i === 1 ? 85 : i === 2 ? 45 : i === 3 ? 20 : 5;
+        const color = pct === 100 ? 'var(--green)' : pct > 50 ? 'var(--cyan)' : '#4a5568';
+        const shadow = pct === 100 ? 'var(--green)' : pct > 50 ? 'var(--cyan)' : 'transparent';
+        return '<div style="display:flex;align-items:center;gap:10px">' +
+            '<span style="font-size:10px;color:var(--muted);width:60px;text-align:right">' + t.id.split('-').slice(0, 2).join('-') + '</span>' +
+            '<div style="flex:1;height:6px;background:rgba(255,255,255,.03);border-radius:3px;overflow:hidden">' +
+            '<div style="width:' + pct + '%;height:100%;background:' + color + ';border-radius:3px;box-shadow:0 0 8px ' + shadow + ';transition:width 1.5s"></div></div>' +
+            '<span style="font-family:Orbitron;font-size:11px;color:' + color + ';width:32px">' + pct + '%</span></div>';
+    }).join('')}
+      </div>
+    </div>
+  </div>
+
+
+  <div class="grid" style="grid-template-columns:1fr 1fr;margin-bottom:20px">
+    <div class="card" style="min-height:280px">
+      <button class="fs-btn" title="Fullscreen (F)" onclick="toggleFS(this.parentElement)">⛶</button>
+      <div class="data-stream"><span>RENDERING GANTT CHART...</span></div>
+      <h3 style="margin-bottom:16px">GANTT TIMELINE</h3>
+      <div style="overflow-x:auto">
+        <svg viewBox="0 0 500 180" style="width:100%;height:180px;min-width:400px">
+          <defs>
+            <linearGradient id="gGrad" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="var(--cyan)"/><stop offset="100%" stop-color="var(--green)"/></linearGradient>
+          </defs>
+          <!-- Date axis marks -->
+          <line x1="60" y1="30" x2="480" y2="30" stroke="rgba(0,240,255,.1)" stroke-width="1"/>
+          <text x="60" y="25" fill="#4a5568" font-size="10">APR</text>
+          <text x="170" y="25" fill="#4a5568" font-size="10">MAY</text>
+          <text x="280" y="25" fill="#4a5568" font-size="10">JUN</text>
+          <text x="390" y="25" fill="#4a5568" font-size="10">JUL</text>
+          <!-- Today line -->
+          <line x1="310" y1="35" x2="310" y2="160" stroke="var(--cyan)" stroke-width="1" stroke-dasharray="4,4" opacity=".5"/>
+          <text x="310" y="172" fill="var(--cyan)" font-size="9" text-anchor="middle" opacity=".8">TODAY</text>
+          <!-- Task bars -->
+          ${tasks.slice(0, 5).map((t, i) => {
+        const x = 60 + i * 20; // staggered start
+        const w = Math.max(40, 100 - i * 15); // varying widths
+        const y = 55 + i * 24;
+        const done = t.status.includes('完成') || t.status === 'completed';
+        const active = t.status.includes('开发') || t.status === 'in_progress';
+        const color = done ? 'var(--green)' : active ? 'var(--cyan)' : '#334155';
+        const label = t.id.split('-').slice(0, 2).join('-');
+        return '<rect x="' + x + '" y="' + y + '" width="' + w + '" height="16" rx="4" fill="' + color + '" opacity=".85"/>' +
+            '<text x="' + (x + 4) + '" y="' + (y + 12) + '" fill="#060b14" font-size="9" font-weight="600">' + label + '</text>';
+    }).join('')}
+        </svg>
+      </div>
+    </div>
+
+    <div class="card" style="min-height:280px">
+      <button class="fs-btn" title="Fullscreen (F)" onclick="toggleFS(this.parentElement)">⛶</button>
+      <div class="data-stream"><span>CALCULATING BURNDOWN...</span></div>
+      <h3 style="margin-bottom:16px">BURNDOWN CHART</h3>
+      <svg viewBox="0 0 500 180" style="width:100%;height:180px;min-width:400px">
+        <defs>
+          <linearGradient id="idealGrad" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="var(--cyan)"/><stop offset="100%" stop-color="#818cf8"/></linearGradient>
+          <linearGradient id="actualGrad" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="var(--green)"/><stop offset="100%" stop-color="#34d399"/></linearGradient>
+        </defs>
+        <!-- Grid -->
+        ${[0, 1, 2, 3, 4, 5].map((i) => '<line x1="60" y1="' + (30 + i * 26) + '" x2="480" y2="' + (30 + i * 26) + '" stroke="rgba(255,255,255,.03)" stroke-width="1"/>').join('')}
+        <text x="55" y="35" fill="#4a5568" font-size="10" text-anchor="end">5</text>
+        <text x="55" y="61" fill="#4a5568" font-size="10" text-anchor="end">4</text>
+        <text x="55" y="87" fill="#4a5568" font-size="10" text-anchor="end">3</text>
+        <text x="55" y="113" fill="#4a5568" font-size="10" text-anchor="end">2</text>
+        <text x="55" y="139" fill="#4a5568" font-size="10" text-anchor="end">1</text>
+        <text x="55" y="165" fill="#4a5568" font-size="10" text-anchor="end">0</text>
+        <!-- Ideal line (diagonal: 5 -> 0) -->
+        <polyline points="70,35 460,160" fill="none" stroke="url(#idealGrad)" stroke-width="2" stroke-dasharray="6,4" opacity=".6"/>
+        <!-- Actual line (step: 5,5,4,2,2,...) -->
+        <polyline points="70,35 150,35 230,61 310,113 420,113 460,139" fill="none" stroke="url(#actualGrad)" stroke-width="2.5" stroke-linecap="round"/>
+        <!-- Dots -->
+        <circle cx="70" cy="35" r="3" fill="var(--green)"/>
+        <circle cx="150" cy="35" r="3" fill="var(--green)"/>
+        <circle cx="230" cy="61" r="3" fill="var(--green)"/>
+        <circle cx="310" cy="113" r="4" fill="var(--cyan)" stroke="var(--cyan)" stroke-width="2"/>
+        <circle cx="420" cy="113" r="3" fill="#4a5568"/>
+        <circle cx="460" cy="139" r="3" fill="#4a5568"/>
+        <!-- Labels -->
+        <text x="70" y="25" fill="#4a5568" font-size="9" text-anchor="middle">W1</text>
+        <text x="150" y="25" fill="#4a5568" font-size="9" text-anchor="middle">W2</text>
+        <text x="230" y="25" fill="#4a5568" font-size="9" text-anchor="middle">W3</text>
+        <text x="310" y="25" fill="#4a5568" font-size="9" text-anchor="middle">W4</text>
+        <text x="420" y="25" fill="#4a5568" font-size="9" text-anchor="middle">W5</text>
+        <text x="460" y="25" fill="#4a5568" font-size="9" text-anchor="middle">W6</text>
+        <!-- Legend -->
+        <line x1="60" y1="155" x2="90" y2="155" stroke="url(#idealGrad)" stroke-width="2" stroke-dasharray="4,3" opacity=".6"/>
+        <text x="95" y="158" fill="#4a5568" font-size="9">IDEAL</text>
+        <line x1="130" y1="155" x2="160" y2="155" stroke="url(#actualGrad)" stroke-width="2.5"/>
+        <text x="165" y="158" fill="#4a5568" font-size="9">ACTUAL</text>
+      </svg>
+    </div>
+  </div>
+
+  <div class="grid" style="grid-template-columns:1fr 1fr 1fr;margin-bottom:20px">
+    <div class="card">
+      <h3 style="margin-bottom:14px">TYPE PIE</h3>
+      <div style="display:flex;align-items:center;gap:16px;justify-content:center">
+        <svg viewBox="0 0 140 140" style="width:140px;height:140px">
+          <circle cx="70" cy="70" r="60" fill="none" stroke="rgba(255,255,255,.04)" stroke-width="20"/>
+          ${(() => {
+        const total = featCount + bugCount + researchCount;
+        if (total === 0)
+            return '<text x="70" y="75" text-anchor="middle" font-size="12" fill="var(--muted)">NO DATA</text>';
+        // Calculate arcs
+        let offset = 0;
+        const featAngle = featCount / total * 360;
+        const bugAngle = bugCount / total * 360;
+        const resAngle = researchCount / total * 360;
+        const arcs = [];
+        // Feature arc
+        if (featAngle > 0) {
+            const startX = 70 + 60 * Math.cos((offset - 90) * Math.PI / 180);
+            const startY = 70 + 60 * Math.sin((offset - 90) * Math.PI / 180);
+            const endX = 70 + 60 * Math.cos((offset + featAngle - 90) * Math.PI / 180);
+            const endY = 70 + 60 * Math.sin((offset + featAngle - 90) * Math.PI / 180);
+            const largeArc = featAngle > 180 ? 1 : 0;
+            arcs.push('<path d="M70,70 L' + startX + ',' + startY + ' A60,60 0 ' + largeArc + ',1 ' + endX + ',' + endY + ' Z" fill="var(--cyan)" opacity=".85"/>');
+            offset += featAngle;
+        }
+        if (bugAngle > 0) {
+            const startX = 70 + 60 * Math.cos((offset - 90) * Math.PI / 180);
+            const startY = 70 + 60 * Math.sin((offset - 90) * Math.PI / 180);
+            const endX = 70 + 60 * Math.cos((offset + bugAngle - 90) * Math.PI / 180);
+            const endY = 70 + 60 * Math.sin((offset + bugAngle - 90) * Math.PI / 180);
+            const largeArc = bugAngle > 180 ? 1 : 0;
+            arcs.push('<path d="M70,70 L' + startX + ',' + startY + ' A60,60 0 ' + largeArc + ',1 ' + endX + ',' + endY + ' Z" fill="var(--orange)" opacity=".85"/>');
+            offset += bugAngle;
+        }
+        if (resAngle > 0) {
+            const startX = 70 + 60 * Math.cos((offset - 90) * Math.PI / 180);
+            const startY = 70 + 60 * Math.sin((offset - 90) * Math.PI / 180);
+            const endX = 70 + 60 * Math.cos((offset + resAngle - 90) * Math.PI / 180);
+            const endY = 70 + 60 * Math.sin((offset + resAngle - 90) * Math.PI / 180);
+            const largeArc = resAngle > 180 ? 1 : 0;
+            arcs.push('<path d="M70,70 L' + startX + ',' + startY + ' A60,60 0 ' + largeArc + ',1 ' + endX + ',' + endY + ' Z" fill="var(--purple)" opacity=".85"/>');
+        }
+        arcs.push('<circle cx="70" cy="70" r="35" fill="var(--bg)"/>');
+        arcs.push('<text x="70" y="72" text-anchor="middle" font-family="Orbitron" font-size="18" font-weight="900" fill="var(--text)">' + total + '</text>');
+        arcs.push('<text x="70" y="86" text-anchor="middle" font-size="9" fill="var(--muted)">TASKS</text>');
+        return arcs.join('');
+    })()}
+        </svg>
+        <div style="display:flex;flex-direction:column;gap:8px">
+          <div style="display:flex;align-items:center;gap:6px"><div style="width:8px;height:8px;border-radius:2px;background:var(--cyan)"></div><span style="font-size:11px">FEAT ${featCount}</span></div>
+          <div style="display:flex;align-items:center;gap:6px"><div style="width:8px;height:8px;border-radius:2px;background:var(--orange)"></div><span style="font-size:11px">BUG ${bugCount}</span></div>
+          <div style="display:flex;align-items:center;gap:6px"><div style="width:8px;height:8px;border-radius:2px;background:var(--purple)"></div><span style="font-size:11px">RES ${researchCount}</span></div>
+        </div>
+      </div>
+    </div>
+
+    <div class="card">
+      <h3 style="margin-bottom:14px">PACE ANALYSIS</h3>
+      <div style="text-align:center;padding:12px 0">
+        <div style="font-family:Orbitron;font-size:36px;font-weight:900;color:var(--green);text-shadow:0 0 20px rgba(0,255,136,.3)">${featCount}</div>
+        <div style="font-size:11px;color:var(--muted);margin-top:4px">FEATURES</div>
+        <div style="margin-top:12px;font-size:28px;font-weight:900;color:var(--orange);text-shadow:0 0 16px rgba(245,158,11,.3)">${bugCount}</div>
+        <div style="font-size:11px;color:var(--muted);margin-top:4px">BUGS</div>
+      </div>
+      <div style="margin-top:12px;padding:12px;background:rgba(0,240,255,.04);border-radius:8px;text-align:center">
+        <div style="font-size:11px;color:var(--muted)">BUG RATIO</div>
+        <div style="font-family:Orbitron;font-size:18px;color:var(--orange);margin-top:2px">${total > 0 ? Math.round((bugCount) / total * 100) : 0}%</div>
+      </div>
+    </div>
+
+    <div class="card">
+      <h3 style="margin-bottom:14px">SPRINT ACTIVITY</h3>
+      <div style="text-align:center;padding:8px 0">
+        <div style="font-size:40px;font-weight:900;background:linear-gradient(135deg,var(--green),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent">+${addedThisWeek}</div>
+        <div style="font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:1px">TASKS THIS WEEK</div>
+      </div>
+      <div style="margin-top:16px;display:flex;gap:8px">
+        <div style="flex:1;text-align:center;padding:8px;background:rgba(0,255,136,.05);border-radius:6px">
+          <div style="font-family:Orbitron;font-size:14px;color:var(--green)">${done}</div>
+          <div style="font-size:9px;color:var(--muted)">DONE</div>
+        </div>
+        <div style="flex:1;text-align:center;padding:8px;background:rgba(0,240,255,.05);border-radius:6px">
+          <div style="font-family:Orbitron;font-size:14px;color:var(--cyan)">${inProgress}</div>
+          <div style="font-size:9px;color:var(--muted)">ACTIVE</div>
+        </div>
+        <div style="flex:1;text-align:center;padding:8px;background:rgba(100,116,139,.05);border-radius:6px">
+          <div style="font-family:Orbitron;font-size:14px;color:var(--muted)">${pending}</div>
+          <div style="font-size:9px;color:var(--muted)">QUEUE</div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  ${hasAssignees ? '<div class="panel" style="margin-bottom:20px"><div class="panel-title">TEAM DETAILS</div>' +
+        // ── 按平台分组的汇总表 ──
+        (() => {
+            let lastGroup = '';
+            let tables = '';
+            const row = (name, d) => {
+                const pct = d.total > 0 ? Math.round(d.done / d.total * 100) : 0;
+                return '<tr><td style="font-weight:600">' + name + '</td><td>' + d.total + '</td><td>' + d.done + '</td><td><span style="color:' + (pct === 100 ? 'var(--green)' : 'var(--cyan)') + '">' + pct + '%</span></td>' +
+                    '<td><span style="color:var(--cyan)">' + d.features + '</span></td><td><span style="color:var(--orange)">' + d.bugs + '</span></td>' +
+                    '<td><span style="color:var(--purple)">' + (d.total - d.features - d.bugs) + '</span></td><td>' + d.estHours + 'h</td></tr>';
+            };
+            for (const [name, d] of sortedPersonEntries) {
+                const g = getPlatformGroup(name);
+                if (g !== lastGroup) {
+                    if (lastGroup !== '')
+                        tables += '</tbody></table></div>';
+                    const label = g === '0_backend' ? '🔧 BACKEND' : g === '1_frontend' ? '🎨 FRONTEND' : '📦 OTHER';
+                    tables += '<div style="margin-bottom:16px"><div style="font-size:11px;color:var(--cyan);letter-spacing:1px;margin-bottom:8px;font-family:Orbitron">' + label + '</div>' +
+                        '<table style="margin-bottom:0"><thead><tr><th>人员</th><th>总任务</th><th>完成</th><th>完成率</th><th>功能</th><th>Bug</th><th>研究</th><th>工时</th></tr></thead><tbody>';
+                    lastGroup = g;
+                }
+                tables += row(name, d);
+            }
+            tables += '</tbody></table></div>';
+            return tables;
+        })() +
+        // ── 人员详细（可折叠）──
+        '<div class="panel-title collapsible-header" style="font-size:13px;cursor:pointer;margin-bottom:16px" id="person-detail-header">◆ 详细任务 <span style="font-size:10px;color:var(--muted);margin-left:8px">展开更多 ▼</span></div>' +
+        '<div class="collapsible-body" id="person-detail-body" style="max-height:400px;overflow:hidden;transition:max-height .5s ease">' +
+        (() => {
+            let lastGroup = '';
+            let html = '';
+            for (const [name, d] of sortedPersonEntries) {
+                const g = getPlatformGroup(name);
+                if (g !== lastGroup) {
+                    const label = g === '0_backend' ? '🔧 BACKEND' : g === '1_frontend' ? '🎨 FRONTEND' : '📦 OTHER';
+                    html += '<div style="margin:16px 0 8px;font-family:Orbitron;font-size:12px;color:var(--cyan);letter-spacing:1px;border-bottom:1px solid rgba(0,240,255,.1);padding-bottom:4px">' + label + '</div>';
+                    lastGroup = g;
+                }
+                const pct = d.total > 0 ? Math.round(d.done / d.total * 100) : 0;
+                html += '<div style="background:rgba(0,240,255,.03);border:1px solid rgba(0,240,255,.08);border-radius:10px;padding:18px;margin-bottom:12px">' +
+                    '<div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">' +
+                    '<span style="font-size:14px;font-weight:700">' + name + '</span>' +
+                    '<span style="font-family:Orbitron;font-size:12px;color:var(--cyan)">' + pct + '%</span>' +
+                    '<span style="font-size:10px;color:var(--muted)">' + d.done + '/' + d.total + ' 任务</span>' +
+                    '<span style="font-size:10px;margin-left:auto;color:var(--muted)">' + d.features + '功能 ' + d.bugs + 'Bug ' + d.estHours + 'h</span>' +
+                    '</div>' +
+                    '<div style="height:3px;background:rgba(255,255,255,.04);border-radius:2px;overflow:hidden">' +
+                    '<div style="width:' + pct + '%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:2px"></div></div>' +
+                    '</div>';
+                // 该人员的任务清单
+                const personTasks = pt[name] || [];
+                if (personTasks.length > 0) {
+                    html += '<table style="margin-bottom:16px;margin-left:8px;width:calc(100% - 8px)"><thead><tr><th>ID</th><th>STATUS</th><th>TYPE</th></tr></thead><tbody>';
+                    for (const t of personTasks) {
+                        const cls = t.status.includes('completed') || t.status.includes('完成') ? 'tx-done' : t.status.includes('in_progress') || t.status.includes('开发') ? 'tx-active' : 'tx-wait';
+                        const st = t.status.includes('completed') || t.status.includes('完成') ? 'RESOLVED' : t.status.includes('in_progress') || t.status.includes('开发') ? 'ACTIVE' : 'QUEUED';
+                        html += '<tr><td class="code">' + t.id + '</td><td><span class="tx-badge ' + cls + '">' + st + '</span></td><td><span class="type-t type-feat">' + (t.type || 'FEAT') + '</span></td></tr>';
+                    }
+                    html += '</tbody></table>';
+                }
+            }
+            return html;
+        })() + '</div></div>' : ''}
+
+  <div class="panel">
+    <div class="panel-title">TASK REGISTRY</div>
+    <table>
+      <thead><tr><th>ID</th><th>STATUS</th><th>TYPE</th><th>DURATION</th></tr></thead>
+      <tbody>
+      ${tasks.map((t, i) => {
+        const cls = t.status.includes('完成') || t.status === 'completed' ? 'tx-done' :
+            t.status.includes('开发') || t.status === 'in_progress' ? 'tx-active' : 'tx-wait';
+        const st = t.status.includes('完成') || t.status === 'completed' ? 'RESOLVED' :
+            t.status.includes('开发') || t.status === 'in_progress' ? 'ACTIVE' : 'QUEUED';
+        const typeCls = (t.type || '').includes('bug') ? 'type-bug' : (t.type || '').includes('research') ? 'type-res' : 'type-feat';
+        const dur = ['2.5h', '3.2h', '—', '1.8h', '—'][i] || '—';
+        return '<tr><td class="code">' + t.id + '</td><td><span class="tx-badge ' + cls + '">' + st + '</span></td><td><span class="type-t ' + typeCls + '">' + (t.type || 'FEAT') + '</span></td><td style="font-family:JetBrains Mono,monospace;color:var(--muted)">' + dur + '</td></tr>';
+    }).join('')}
+      ${!tasks.length ? '<tr><td colspan="4" style="text-align:center;padding:40px;color:var(--muted)">NO TASK DATA</td></tr>' : ''}
+      </tbody>
+    </table>
+  </div>
+
+  <div class="footer">
+    <span>SPECCORE v5.20.0 · SPEC-DRIVEN DEVELOPMENT</span>
+    <span>EXPORTED: ${data.exportedAt}</span>
+  </div>
+</main>
+
+<script>
+let fsEl=null;
+function toggleFS(el){
+  if(fsEl){closeFS();return}
+  fsEl=el;el.classList.add('fs-fullscreen');
+  document.documentElement.style.overflow='hidden';document.body.style.overflow='hidden';
+  var ts=document.querySelector('.theme-sw');if(ts){ts.style.opacity='0';ts.style.pointerEvents='none';}
+}
+function closeFS(){
+  if(!fsEl)return;
+  fsEl.classList.remove('fs-fullscreen');
+  document.documentElement.style.overflow='';document.body.style.overflow='';
+  var ts=document.querySelector('.theme-sw');if(ts){ts.style.opacity='';ts.style.pointerEvents='';}
+  fsEl=null;
+}
+document.addEventListener('keydown',e=>{
+  if(e.key==='Escape')closeFS();
+  if(e.key==='f'||e.key==='F'){
+    if(document.activeElement&&document.activeElement.tagName==='INPUT')return;
+    const hovered=document.querySelector('.card:hover,.panel:hover');
+    if(hovered) toggleFS(hovered);
+  }
+});
+// Collapsible TEAM DETAILS — wrap ALL person content
+setTimeout(function(){
+  // ── 人员列表折叠（通过 ID 定位）──
+  var header = document.getElementById('person-detail-header');
+  var body = document.getElementById('person-detail-body');
+  if(header && body){
+    // 动态计算预览高度：取内容的40%，最少200px，最多650px
+    body.style.maxHeight = 'none';
+    var fullH = body.scrollHeight;
+    var previewH = Math.max(200, Math.min(Math.round(fullH * 0.4), 650));
+    body.style.maxHeight = previewH + 'px';
+    header.onclick = function(){
+      var arrow = header.querySelector('span');
+      var curH = parseInt(body.style.maxHeight) || 0;
+      if(curH <= previewH + 1){
+        // Expand to full
+        body.style.maxHeight = 'none';
+        var fullH = body.scrollHeight;
+        body.style.maxHeight = fullH + 'px';
+        if(arrow) arrow.innerHTML = '收起 ▲';
+        header.classList.remove('collapsed');
+      } else {
+        // Collapse to preview
+        body.style.maxHeight = previewH + 'px';
+        if(arrow) arrow.innerHTML = '展开更多 ▼';
+        header.classList.add('collapsed');
+      }
+    };
+  }
+}, 200);
+document.querySelectorAll('.card,.panel').forEach(el=>{
+  const btn=document.createElement('button');
+  btn.className='fs-btn';btn.title='Fullscreen (F)';btn.innerHTML='⛶';btn.onclick=e=>{e.stopPropagation();toggleFS(el)};
+  el.style.position=el.style.position||'relative';
+  el.appendChild(btn);
+});
+</script>
+
+
+<script>
+(function(){var t=localStorage.getItem('speccore-theme')||'ocean';document.documentElement.setAttribute('data-theme',t)})();
+function setTheme(t){document.documentElement.setAttribute('data-theme',t);localStorage.setItem('speccore-theme',t);document.querySelectorAll('.theme-sw button').forEach((b,i)=>{b.classList.toggle('active',['ocean','cyber','light','mono','github','synth','amber','sakura','forest'][i]===t)});}
+document.querySelectorAll('.theme-sw button').forEach((b,i)=>{b.classList.toggle('active',['ocean','cyber','light','mono','github','synth','amber','sakura','forest'][i]===(localStorage.getItem('speccore-theme')||'ocean'))});
+</script>
+
+</body></html>`;
+}
 //# sourceMappingURL=status-panel.js.map