lumencode 1.3.2 → 1.3.4

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>
-

package/public/style.css

@@ -1181,6 +1181,208 @@ input, textarea { font-family: inherit; color: inherit; }
   opacity: 0.8;
 }
 
+.report-content-frame {
+  position: relative;
+  padding-top: 76px;
+}
+.report-content-toggle {
+  position: absolute;
+  top: 24px;
+  right: 24px;
+  display: inline-flex;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  overflow: hidden;
+  background: var(--card);
+  z-index: 1;
+}
+.report-toggle-btn {
+  min-height: 30px;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 10px;
+  border-left: 1px solid var(--border);
+  font-size: 12px;
+  color: var(--muted-foreground);
+  transition: background 0.15s, color 0.15s;
+}
+.report-toggle-btn:first-child { border-left: none; }
+.report-toggle-btn:hover:not(:disabled) { background: var(--ink-8); color: var(--foreground); }
+.report-toggle-btn.active {
+  background: var(--foreground);
+  color: var(--background);
+}
+.report-toggle-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+.report-toggle-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--dest);
+}
+.smart-report-update-notice {
+  margin-bottom: 18px;
+  padding: 10px 12px;
+  border: 1px solid var(--dest);
+  border-radius: 6px;
+  color: var(--dest);
+  font-size: 13px;
+  line-height: 1.6;
+  background: color-mix(in srgb, var(--dest) 7%, transparent);
+}
+
+.smart-agent-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+.smart-agent-btn {
+  width: 100%;
+  min-height: 34px;
+  display: grid;
+  grid-template-columns: 8px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  font-size: 12px;
+  text-align: left;
+  transition: background 0.15s, border-color 0.15s, color 0.15s;
+}
+.smart-agent-btn:hover:not(:disabled) {
+  background: var(--ink-8);
+}
+.smart-agent-btn.active {
+  border-color: var(--foreground);
+  background: var(--foreground);
+  color: var(--background);
+}
+.smart-agent-btn.unavailable {
+  cursor: not-allowed;
+  opacity: 0.58;
+}
+.smart-agent-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 10%, transparent);
+}
+.smart-agent-dot.available {
+  background: #22c55e;
+}
+.smart-agent-dot.missing {
+  background: var(--dest);
+}
+.smart-agent-name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.smart-agent-status {
+  font-size: 11px;
+  opacity: 0.7;
+  white-space: nowrap;
+}
+.smart-agent-btn.active .smart-agent-status {
+  opacity: 0.82;
+}
+.smart-report-spinner {
+  width: 12px;
+  height: 12px;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: smart-report-spin 0.75s linear infinite;
+}
+@keyframes smart-report-spin {
+  to { transform: rotate(360deg); }
+}
+.smart-report-progress {
+  margin-top: 12px;
+  padding: 12px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--ink-4);
+}
+.smart-report-progress-head {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.smart-report-progress-head .font-mono {
+  flex: 0 0 auto;
+  font-size: 11px;
+  opacity: 0.62;
+}
+.smart-report-progress-track {
+  position: relative;
+  height: 7px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--foreground) 10%, transparent);
+}
+.smart-report-progress-bar {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: 0;
+  border-radius: inherit;
+  background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary));
+  transition: width 0.7s ease;
+}
+.smart-report-progress-foot {
+  margin-top: 9px;
+  font-size: 11px;
+  line-height: 1.5;
+  opacity: 0.58;
+}
+.smart-report-style-options {
+  display: grid;
+  gap: 10px;
+}
+.smart-report-style-option {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 12px 14px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: transparent;
+  color: var(--foreground);
+  text-align: left;
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s;
+}
+.smart-report-style-option:hover,
+.smart-report-style-option.active {
+  border-color: var(--foreground);
+  background: var(--ink-8);
+}
+.smart-report-style-title {
+  font-size: 13px;
+  font-weight: 500;
+}
+.smart-report-style-desc {
+  font-size: 12px;
+  line-height: 1.6;
+  opacity: 0.68;
+}
+@media (prefers-reduced-motion: reduce) {
+  .smart-report-progress-bar {
+    transition: none;
+  }
+}
+
 /* ── Toast ── */
 .toast {
   position: fixed;