lumencode 1.3.3 → 1.3.4

package/public/app.js

@@ -1,6 +1,6 @@
 import { COLORS, SCENARIO_COLORS, TEXT, ID, STORAGE } from './config.js';
 import { esc, fmt, fmtShort, destroyChart, destroyAllCharts, getChart, setChart, todayISO, fmtDate, TOOL_DISPLAY_NAMES, groupMcpByServer, aggregateToolsWithDualCounts } from './utils.js';
-import { createLatestRequestGuard, fetchTools, fetchReport, fetchConfig, saveConfig, fetchDetails, fetchSessions, fetchStepStats, fetchHooksStatus, updateHooks } from './api.js';
+import { createLatestRequestGuard, fetchTools, fetchReport, fetchConfig, saveConfig, fetchDetails, fetchSessions, fetchStepStats, fetchHooksStatus, updateHooks, fetchSmartReportTools, fetchSmartReportRecord, generateSmartReport } from './api.js';
 import { renderWorkTypePie, renderModelBars, renderProjectBars, renderTimelineArea, renderCacheStack } from './charts.js';
 import { renderGitInsights, renderLineBlameEvidence } from './git-insights.js';
 import { loadWorkReport, copyWorkReport, downloadMarkdown, getWorkReportState, setWorkReportState } from './work-report.js';
@@ -36,6 +36,28 @@ function appState() {
     reportProjects: [],
     copied: false,
     reportHtml: '',
+    reportContentMode: 'source',
+    smartReportTools: [],
+    smartReportAgent: '',
+    smartReportStyle: ['default', 'workhorse'].includes(localStorage.getItem(STORAGE.SMART_REPORT_STYLE)) ? localStorage.getItem(STORAGE.SMART_REPORT_STYLE) : 'default',
+    smartReportStyleModalOpen: false,
+    smartReportLoading: false,
+    smartReportError: '',
+    smartReportMarkdown: '',
+    smartReportHtml: '',
+    smartReportCopied: false,
+    smartReportRecord: null,
+    smartReportRecordMeta: '',
+    smartReportNeedsUpdate: false,
+    smartReportUpdateMessage: '',
+    smartReportJob: null,
+    smartReportStatusMessage: '',
+    smartReportPollTimer: null,
+    smartReportElapsedTimer: null,
+    smartReportCompletionTimer: null,
+    smartReportStartedAt: '',
+    smartReportNow: Date.now(),
+    smartReportProgress: 0,
 
     /* constants */
     customStart: '',
@@ -199,6 +221,7 @@ function appState() {
         }
       });
       await this.loadTools();
+      await this.loadSmartReportTools();
       await this.loadHooksStatus();
       await this.loadStepStats();
       // 首次加载时先获取全量数据填充侧边栏，再按当前工具加载
@@ -233,6 +256,22 @@ function appState() {
       } catch (e) { console.warn('loadTools failed:', e); this.availableTools = []; }
     },
 
+    async loadSmartReportTools() {
+      try {
+        const data = await fetchSmartReportTools();
+        this.smartReportTools = data.tools || [];
+        const savedAgent = localStorage.getItem(STORAGE.SMART_REPORT_AGENT);
+        const firstDetected = this.smartReportTools.find(t => t.detected);
+        const savedDetected = this.smartReportTools.find(t => t.detected && t.name === savedAgent);
+        this.smartReportAgent = savedDetected?.name || firstDetected?.name || '';
+        await this.loadSmartReportRecord();
+      } catch (e) {
+        console.warn('loadSmartReportTools failed:', e);
+        this.smartReportTools = [];
+        this.smartReportAgent = '';
+      }
+    },
+
     async loadStepStats() {
       try {
         const data = await fetchStepStats();
@@ -312,6 +351,7 @@ function appState() {
 
     setTool(name) {
       this.activeTool = name;
+      this.resetSmartReportDisplay();
       this.loadCurrentView();
       if (this.view === 'report') this.loadReportContent();
     },
@@ -383,6 +423,7 @@ function appState() {
         this.customStart = '';
         this.customEnd = '';
         this.saveStateToHash();
+        this.resetSmartReportDisplay();
         this.loadCurrentView();
         if (this.view === 'report') this.loadReportContent();
       }
@@ -390,6 +431,7 @@ function appState() {
 
     onCustomStartChange() {
       if (this.customStart && this.customEnd) {
+        this.resetSmartReportDisplay();
         this.loadCurrentView();
         if (this.view === 'report') this.loadReportContent();
       }
@@ -397,6 +439,7 @@ function appState() {
 
     onCustomEndChange() {
       if (this.customStart && this.customEnd) {
+        this.resetSmartReportDisplay();
         this.loadCurrentView();
         if (this.view === 'report') this.loadReportContent();
       }
@@ -412,6 +455,7 @@ function appState() {
       }
       this.currentDate = d.toISOString().slice(0, 10);
       this.saveStateToHash();
+      this.resetSmartReportDisplay();
       this.loadCurrentView();
       if (this.view === 'report') this.loadReportContent();
     },
@@ -419,6 +463,7 @@ function appState() {
     onDateChange() {
       if (this.currentDate > this.today) this.currentDate = this.today;
       this.saveStateToHash();
+      this.resetSmartReportDisplay();
       this.loadCurrentView();
       if (this.view === 'report') this.loadReportContent();
     },
@@ -848,6 +893,7 @@ function appState() {
 
     async loadReportContent() {
       try {
+        if (!['detailed', 'brief'].includes(this.reportLevel)) this.reportLevel = 'detailed';
         const params = { tool: this.activeTool, period: this.period, date: this.currentDate, format: 'work', platform: this.reportPlatform, level: this.reportLevel };
         if (this.period === 'custom' && this.customStart && this.customEnd) {
           params.start = this.customStart;
@@ -862,24 +908,291 @@ function appState() {
         const markdown = await res.text();
         setWorkReportState({ markdown, platform: this.reportPlatform, level: this.reportLevel });
         this.reportHtml = this.renderMarkdownToReportHtml(markdown);
+        await this.loadSmartReportRecord();
       } catch (e) { console.warn('loadReportContent failed:', e); }
     },
 
     setReportLevel(level) {
-      this.reportLevel = level;
+      this.reportLevel = ['detailed', 'brief'].includes(level) ? level : 'detailed';
+      this.resetSmartReportDisplay();
       this.loadReportContent();
     },
 
     setReportPlatform(platform) {
       this.reportPlatform = platform;
+      this.resetSmartReportDisplay();
       this.loadReportContent();
     },
 
     setReportProject(project) {
       this.reportProject = project;
+      this.resetSmartReportDisplay();
       this.loadReportContent();
     },
 
+    setSmartReportAgent(agent) {
+      this.smartReportAgent = agent;
+      localStorage.setItem(STORAGE.SMART_REPORT_AGENT, agent);
+      this.resetSmartReportDisplay();
+      this.loadSmartReportRecord();
+    },
+
+    resetSmartReportDisplay() {
+      this.stopSmartReportPolling();
+      this.stopSmartReportElapsedTimer();
+      this.stopSmartReportCompletionTimer();
+      this.smartReportError = '';
+      this.smartReportMarkdown = '';
+      this.smartReportHtml = '';
+      this.smartReportRecord = null;
+      this.smartReportRecordMeta = '';
+      this.smartReportNeedsUpdate = false;
+      this.smartReportUpdateMessage = '';
+      this.smartReportJob = null;
+      this.smartReportLoading = false;
+      this.smartReportStatusMessage = '';
+      this.smartReportStartedAt = '';
+      this.smartReportNow = Date.now();
+      this.smartReportProgress = 0;
+      this.reportContentMode = 'source';
+    },
+
+    smartReportParams() {
+      const params = {
+        agent: this.smartReportAgent,
+        tool: this.activeTool,
+        period: this.period,
+        date: this.currentDate,
+        level: this.reportLevel,
+        style: this.smartReportStyle,
+        platform: this.reportPlatform,
+        project: this.reportProject,
+      };
+      if (this.period === 'custom' && this.customStart && this.customEnd) {
+        params.start = this.customStart;
+        params.end = this.customEnd;
+      }
+      return params;
+    },
+
+    setReportContentMode(mode) {
+      this.reportContentMode = mode === 'smart' ? 'smart' : 'source';
+    },
+
+    openSmartReportStyleModal() {
+      if (!this.smartReportAgent || this.smartReportLoading) return;
+      this.smartReportStyleModalOpen = true;
+    },
+
+    closeSmartReportStyleModal() {
+      this.smartReportStyleModalOpen = false;
+    },
+
+    async confirmSmartReportStyle(style) {
+      this.smartReportStyle = style === 'workhorse' ? 'workhorse' : 'default';
+      localStorage.setItem(STORAGE.SMART_REPORT_STYLE, this.smartReportStyle);
+      this.closeSmartReportStyleModal();
+      this.resetSmartReportDisplay();
+      await this.generateSmartReportContent();
+    },
+
+    applySmartReportRecord(record, meta = {}) {
+      if (record?.style) this.smartReportStyle = record.style;
+      this.smartReportRecord = record || null;
+      this.smartReportMarkdown = record?.markdown || '';
+      this.smartReportHtml = this.renderMarkdownToReportHtml(this.smartReportMarkdown);
+      this.smartReportRecordMeta = record ? this.formatSmartReportRecordMeta(record) : '';
+      this.smartReportNeedsUpdate = !!record && !!meta.needsUpdate;
+      this.smartReportUpdateMessage = this.smartReportNeedsUpdate ? '当前统计数据或原始报告已变化，建议重新生成智能报告。' : '';
+      if (!record && this.reportContentMode === 'smart') this.reportContentMode = 'source';
+    },
+
+    applySmartReportJob(job) {
+      this.smartReportJob = job || null;
+      if (!job) {
+        this.smartReportLoading = false;
+        this.smartReportStatusMessage = '';
+        this.smartReportStartedAt = '';
+        this.smartReportProgress = 0;
+        this.stopSmartReportPolling();
+        this.stopSmartReportElapsedTimer();
+        this.stopSmartReportCompletionTimer();
+        return;
+      }
+      if (job.status === 'running') {
+        this.stopSmartReportCompletionTimer();
+        this.smartReportLoading = true;
+        this.smartReportError = '';
+        this.smartReportStartedAt = job.startedAt || this.smartReportStartedAt || new Date().toISOString();
+        if (this.smartReportProgress <= 0) this.smartReportProgress = 4;
+        this.updateSmartReportProgress();
+        this.startSmartReportElapsedTimer();
+        this.smartReportStatusMessage = '后台生成中，页面可刷新，回来后会继续显示进度。';
+        this.scheduleSmartReportPolling();
+        return;
+      }
+      if (job.status === 'completed') {
+        this.finishSmartReportProgress();
+        return;
+      }
+      this.smartReportLoading = false;
+      this.smartReportStatusMessage = '';
+      this.smartReportStartedAt = '';
+      this.smartReportProgress = 0;
+      this.stopSmartReportPolling();
+      this.stopSmartReportElapsedTimer();
+      this.stopSmartReportCompletionTimer();
+      if (job.status === 'failed') {
+        this.smartReportError = job.error || '智能报告生成失败';
+        showToast(this.smartReportError);
+      }
+    },
+
+    startSmartReportElapsedTimer() {
+      this.smartReportNow = Date.now();
+      if (this.smartReportElapsedTimer) return;
+      this.smartReportElapsedTimer = setInterval(() => {
+        this.smartReportNow = Date.now();
+        this.updateSmartReportProgress();
+      }, 1000);
+    },
+
+    stopSmartReportElapsedTimer() {
+      if (this.smartReportElapsedTimer) {
+        clearInterval(this.smartReportElapsedTimer);
+        this.smartReportElapsedTimer = null;
+      }
+    },
+
+    stopSmartReportCompletionTimer() {
+      if (this.smartReportCompletionTimer) {
+        clearTimeout(this.smartReportCompletionTimer);
+        this.smartReportCompletionTimer = null;
+      }
+    },
+
+    updateSmartReportProgress() {
+      if (!this.smartReportLoading || this.smartReportProgress >= 100) return;
+      const startedAt = Date.parse(this.smartReportStartedAt || this.smartReportJob?.startedAt || '');
+      if (!Number.isFinite(startedAt)) {
+        this.smartReportProgress = Math.max(this.smartReportProgress, 4);
+        return;
+      }
+      const seconds = Math.max(0, Math.floor((Date.now() - startedAt) / 1000));
+      const eased = 1 - Math.exp(-seconds / 180);
+      const target = Math.min(95, Math.round(6 + eased * 89));
+      this.smartReportProgress = Math.max(this.smartReportProgress, target);
+    },
+
+    finishSmartReportProgress() {
+      this.stopSmartReportPolling();
+      this.stopSmartReportElapsedTimer();
+      this.stopSmartReportCompletionTimer();
+      this.smartReportLoading = true;
+      this.smartReportError = '';
+      this.smartReportProgress = 100;
+      this.smartReportStatusMessage = '生成完成，正在展示结果...';
+      this.smartReportCompletionTimer = setTimeout(() => {
+        this.smartReportCompletionTimer = null;
+        this.smartReportLoading = false;
+        this.smartReportStatusMessage = '';
+        this.smartReportStartedAt = '';
+      }, 1200);
+    },
+
+    get smartReportElapsedLabel() {
+      if (!this.smartReportLoading) return '';
+      if (this.smartReportProgress >= 100) return '100%';
+      const startedAt = Date.parse(this.smartReportStartedAt || this.smartReportJob?.startedAt || '');
+      if (!Number.isFinite(startedAt)) return '正在启动后台任务';
+      const seconds = Math.max(0, Math.floor((this.smartReportNow - startedAt) / 1000));
+      if (seconds < 60) return `已等待 ${seconds} 秒`;
+      const minutes = Math.floor(seconds / 60);
+      const rest = seconds % 60;
+      return `已等待 ${minutes} 分 ${String(rest).padStart(2, '0')} 秒`;
+    },
+
+    scheduleSmartReportPolling() {
+      this.stopSmartReportPolling();
+      this.smartReportPollTimer = setTimeout(() => {
+        this.smartReportPollTimer = null;
+        this.loadSmartReportRecord();
+      }, 2500);
+    },
+
+    stopSmartReportPolling() {
+      if (this.smartReportPollTimer) {
+        clearTimeout(this.smartReportPollTimer);
+        this.smartReportPollTimer = null;
+      }
+    },
+
+    formatSmartReportRecordMeta(record) {
+      const updatedAt = record?.updatedAt ? new Date(record.updatedAt) : null;
+      const time = updatedAt && !Number.isNaN(updatedAt.getTime()) ? updatedAt.toLocaleString('zh-CN', { hour12: false }) : '';
+      const count = record?.generatedCount ? `第 ${record.generatedCount} 次生成` : '已生成';
+      const styleLabel = record?.style === 'workhorse' ? '牛马风格' : '默认风格';
+      return time ? `${styleLabel} · ${count} · ${time}` : `${styleLabel} · ${count}`;
+    },
+
+    async loadSmartReportRecord() {
+      if (!this.smartReportAgent) {
+        this.resetSmartReportDisplay();
+        return;
+      }
+      try {
+        const data = await fetchSmartReportRecord(this.smartReportParams());
+        this.smartReportError = '';
+        this.applySmartReportRecord(data.record || null, { needsUpdate: data.needsUpdate });
+        this.applySmartReportJob(data.job || null);
+        if (data.job?.status === 'completed' && data.record) this.reportContentMode = 'smart';
+      } catch (err) {
+        console.warn('loadSmartReportRecord failed:', err);
+        this.applySmartReportRecord(null);
+        this.applySmartReportJob(null);
+      }
+    },
+
+    async generateSmartReportContent() {
+      if (!this.smartReportAgent || this.smartReportLoading) return;
+      this.smartReportLoading = true;
+      this.smartReportError = '';
+      this.smartReportStartedAt = new Date().toISOString();
+      this.smartReportProgress = 4;
+      this.smartReportStatusMessage = '正在提交后台生成任务...';
+      this.startSmartReportElapsedTimer();
+      try {
+        const payload = this.smartReportParams();
+        const data = await generateSmartReport(payload);
+        this.applySmartReportRecord(data.record || (data.markdown ? { ...payload, markdown: data.markdown, generatedCount: 1, updatedAt: new Date().toISOString() } : null), { needsUpdate: false });
+        this.applySmartReportJob(data.job || null);
+        if (data.record && !data.job) this.reportContentMode = 'smart';
+      } catch (err) {
+        this.smartReportError = err.message || '智能报告生成失败';
+        this.stopSmartReportElapsedTimer();
+        showToast(this.smartReportError);
+      } finally {
+        if (this.smartReportJob?.status !== 'running') this.smartReportLoading = false;
+      }
+    },
+
+    async copySmartReport() {
+      if (!this.smartReportMarkdown) return;
+      await navigator.clipboard.writeText(this.smartReportMarkdown);
+      this.smartReportCopied = true;
+      setTimeout(() => this.smartReportCopied = false, 1400);
+    },
+
+    downloadSmartReport() {
+      if (!this.smartReportMarkdown) return;
+      const blob = new Blob([this.smartReportMarkdown], { type: 'text/markdown;charset=utf-8' });
+      const a = document.createElement('a');
+      a.href = URL.createObjectURL(blob);
+      a.download = `smart-report-${this.period}-${this.currentDate}.md`;
+      a.click();
+      URL.revokeObjectURL(a.href);
+    },
+
     async copyReport() {
       await copyWorkReport();
       this.copied = true;

package/public/config.js

@@ -7,6 +7,8 @@ export const API = {
   SESSIONS: '/api/sessions',
   STEP_STATS: '/api/step-stats',
   HOOKS: '/api/hooks',
+  SMART_REPORT_TOOLS: '/api/smart-report/tools',
+  SMART_REPORT: '/api/smart-report',
 };
 
 // 灰阶色板（按视觉权重从重到轻）
@@ -141,4 +143,6 @@ export const STORAGE = {
   CONFIG: 'ccusage-config',
   THEME: 'lc-theme',
   SIDEBAR_COLLAPSED: 'ccusage-sidebar-collapsed',
+  SMART_REPORT_AGENT: 'lc-smart-report-agent',
+  SMART_REPORT_STYLE: 'lc-smart-report-style',
 };

package/public/index.html

@@ -562,7 +562,6 @@
             <div style="display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;">
               <button class="period-btn" :class="reportLevel === 'detailed' ? 'active' : ''" @click="setReportLevel('detailed')" style="border-left:none">详细 Detail</button>
               <button class="period-btn" :class="reportLevel === 'brief' ? 'active' : ''" @click="setReportLevel('brief')">简略 Brief</button>
-              <button class="period-btn" :class="reportLevel === 'boss' ? 'active' : ''" @click="setReportLevel('boss')">汇报 Boss</button>
             </div>
             <button class="btn btn-outline" @click="copyReport()" style="display:inline-flex;align-items:center;gap:6px;">
               <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
@@ -630,7 +629,22 @@
 
           <!-- Report Content -->
           <div style="margin-top:48px;display:grid;grid-template-columns:5fr 2fr;gap:24px;">
-            <div class="work-report-content" id="reportContent" x-html="reportHtml"></div>
+            <div class="work-report-content report-content-frame" id="reportContent">
+              <div class="report-content-toggle">
+                <button class="report-toggle-btn" :class="reportContentMode === 'source' ? 'active' : ''" @click="setReportContentMode('source')">原报告</button>
+                <button class="report-toggle-btn" :class="reportContentMode === 'smart' ? 'active' : ''" @click="setReportContentMode('smart')" :disabled="!smartReportMarkdown">
+                  <span>智能报告</span>
+                  <span class="report-toggle-dot" x-show="smartReportNeedsUpdate" x-cloak></span>
+                </button>
+              </div>
+              <div x-show="reportContentMode === 'source'" x-html="reportHtml"></div>
+              <div x-show="reportContentMode === 'smart'" x-cloak>
+                <div class="smart-report-update-notice" x-show="smartReportNeedsUpdate" x-cloak>
+                  当前统计数据或原始报告已变化，这份 AI 报告可能不是最新内容。建议点击右侧“重新生成”更新。
+                </div>
+                <div x-html="smartReportHtml"></div>
+              </div>
+            </div>
 
             <!-- Sticky Meta Panel -->
             <aside>
@@ -639,6 +653,51 @@
                   <span class="label">SUMMARY · 摘要</span>
                   <p style="font-size:13px;line-height:1.7;opacity:0.85;margin-top:12px;" x-html="reportSummary"></p>
                 </div>
+                <!-- Smart Report -->
+                <div class="card" style="padding:16px 20px;">
+                  <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;">
+                    <span class="label">SMART REPORT · 智能报告</span>
+                    <span class="label" x-show="smartReportRecordMeta" x-text="smartReportRecordMeta"></span>
+                  </div>
+                  <p style="font-size:12px;line-height:1.6;opacity:0.7;margin-bottom:12px;">
+                    基于当前统计维度和工作汇报生成。智能体只接收受限统计上下文。
+                  </p>
+                  <div class="smart-agent-list">
+                    <template x-for="agent in smartReportTools" :key="agent.name">
+                      <button class="smart-agent-btn" :class="{ active: smartReportAgent === agent.name, unavailable: !agent.detected }" @click="setSmartReportAgent(agent.name)" :disabled="!agent.detected" :title="agent.detected ? agent.version : agent.error">
+                        <span class="smart-agent-dot" :class="agent.detected ? 'available' : 'missing'"></span>
+                        <span class="smart-agent-name" x-text="agent.displayName"></span>
+                        <span class="smart-agent-status" x-text="agent.detected ? '可连接' : '未检测'"></span>
+                      </button>
+                    </template>
+                  </div>
+                  <button class="btn btn-primary" style="width:100%;justify-content:center;" @click="openSmartReportStyleModal()" :disabled="smartReportLoading || !smartReportAgent">
+                    <span class="smart-report-spinner" x-show="smartReportLoading" x-cloak></span>
+                    <span x-text="smartReportLoading ? '生成中...' : (smartReportMarkdown ? (smartReportNeedsUpdate ? '更新智能报告' : '重新生成') : '生成智能报告')"></span>
+                  </button>
+                  <div x-show="smartReportTools.length > 0 && !smartReportTools.some(agent => agent.detected)" x-cloak style="margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:12px;line-height:1.6;opacity:0.75;">
+                    未检测到可用的本地智能体命令。请确认 Claude Code、Codex 或 OpenCode 已安装，并且对应命令在启动 LumenCode 的终端 PATH 中可用。
+                  </div>
+                  <div x-show="smartReportError" x-cloak style="margin-top:12px;padding:10px 12px;border:1px solid var(--dest);border-radius:6px;color:var(--dest);font-size:12px;" x-text="smartReportError"></div>
+                  <div x-show="smartReportNeedsUpdate" x-cloak style="margin-top:12px;padding:10px 12px;border:1px solid var(--dest);border-radius:6px;color:var(--dest);font-size:12px;line-height:1.6;" x-text="smartReportUpdateMessage"></div>
+                  <div class="smart-report-progress" x-show="smartReportLoading" x-cloak>
+                    <div class="smart-report-progress-head">
+                      <span x-text="smartReportStatusMessage || '正在调用本地智能体分析当前报告数据...'"></span>
+                      <span class="font-mono" x-text="smartReportElapsedLabel"></span>
+                    </div>
+                    <div class="smart-report-progress-track" role="progressbar" aria-valuemin="0" aria-valuemax="100" :aria-valuenow="smartReportProgress" :aria-valuetext="smartReportProgress + '%'">
+                      <span class="smart-report-progress-bar" :style="'width:' + smartReportProgress + '%'"></span>
+                    </div>
+                    <div class="smart-report-progress-foot">本地智能体生成时间受报告大小和模型响应影响，可刷新页面后继续查看。</div>
+                  </div>
+                  <div x-show="smartReportMarkdown" x-cloak style="margin-top:14px;display:flex;gap:8px;">
+                    <button class="btn btn-outline" style="flex:1;justify-content:center;" @click="setReportContentMode('smart')">查看</button>
+                    <button class="btn btn-outline" style="flex:1;justify-content:center;" @click="copySmartReport()">
+                      <span x-text="smartReportCopied ? '已复制' : '复制'"></span>
+                    </button>
+                    <button class="btn btn-outline" @click="downloadSmartReport()">.md</button>
+                  </div>
+                </div>
                 <!-- Project Selector -->
                 <div class="card" style="padding:16px 20px;" x-show="reportProjects.length > 1" x-cloak>
                   <span class="label">PROJECTS · 项目</span>
@@ -677,6 +736,31 @@
       </div>
     </main>
 
+    <!-- ── Smart Report Style Modal ── -->
+    <div id="smart-report-style-modal" class="modal-overlay" x-show="smartReportStyleModalOpen" x-cloak>
+      <div class="modal-backdrop" @click="closeSmartReportStyleModal()"></div>
+      <div class="modal-panel" style="max-width:460px;">
+        <div class="modal-header">
+          <h3 style="font-size:15px;font-weight:500;">选择智能报告风格</h3>
+          <button class="rail-btn-icon" @click="closeSmartReportStyleModal()" style="color:var(--foreground);opacity:0.65;">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+          </button>
+        </div>
+        <div class="modal-body" style="padding:16px 24px;">
+          <div class="smart-report-style-options">
+            <button class="smart-report-style-option" :class="smartReportStyle === 'default' ? 'active' : ''" @click="confirmSmartReportStyle('default')">
+              <span class="smart-report-style-title">默认风格</span>
+              <span class="smart-report-style-desc">专业分析口径，强调数据摘要、工作亮点、关键洞察和风险建议。</span>
+            </button>
+            <button class="smart-report-style-option" :class="smartReportStyle === 'workhorse' ? 'active' : ''" @click="confirmSmartReportStyle('workhorse')">
+              <span class="smart-report-style-title">牛马</span>
+              <span class="smart-report-style-desc">面向领导汇报的表达倾向，突出工作投入、产出价值、风险兜底和下一步计划。</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <!-- ── Hooks Confirm Modal ── -->
     <div id="hooksConfirmModal" class="modal-overlay" style="display:none;">
       <div class="modal-backdrop" @click="hideHooksConfirmModal()"></div>
@@ -855,4 +939,3 @@
   <script type="module" src="/app.js"></script>
 </body>
 </html>
-