cc-insight 0.1.0 → 0.1.2

package/README.md

@@ -41,11 +41,13 @@ CC Insight indexes your local session history and presents it as an interactive
 
 **MCP Servers** — Configured servers and their tools, parsed from `settings.json` and `claude_desktop_config.json`.
 
+<img width="2874" height="1548" alt="image" src="https://github.com/user-attachments/assets/b6a34467-13a3-4c5a-957a-263ec4d1dbe2" />
+
 ---
 
 ## Requirements
 
-- Node.js ≥ 20
+- Node.js ≥ 20 (LTS recommended: 20, 22, or 24)
 - Claude Code installed (`~/.claude/` directory must exist)
 
 ---

package/README.zh.md

@@ -41,11 +41,13 @@ CC Insight 把你本地的对话历史建立索引，以交互式仪表盘的形
 
 **MCP Server** — 自动读取配置文件，展示已配置的 MCP Server 及工具列表。
 
+<img width="2874" height="1548" alt="image" src="https://github.com/user-attachments/assets/cdca4f24-8a4b-40f2-b004-0474422412f7" />
+
 ---
 
 ## 环境要求
 
-- Node.js ≥ 20
+- Node.js ≥ 20（推荐 LTS 版本：20、22 或 24）
 - 已安装并使用过 Claude Code（`~/.claude/` 目录存在）
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc-insight",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Local Claude Code usage dashboard — sessions, skills, efficiency, MCP servers, and shareable poster",
   "type": "module",
   "bin": {
@@ -33,7 +33,7 @@
     "test": "node --experimental-vm-modules node_modules/.bin/jest --testPathPattern=tests/"
   },
   "dependencies": {
-    "better-sqlite3": "^9.6.0",
+    "better-sqlite3": "^12.8.0",
     "chokidar": "^3.6.0",
     "express": "^4.19.0",
     "open": "^10.1.0",

package/public/js/insights.js

@@ -3,7 +3,7 @@ import { setRange } from './app.js'
 
 const TOPIC_COLORS = {
   '调试修复':   'var(--green)',
-  '新功能开发': 'var(--cyan)',
+  '功能开发': 'var(--cyan)',
   '架构设计':   'var(--amber)',
   '代码重构':   'var(--purple)',
   '学习探索':   'var(--red)',
@@ -15,7 +15,7 @@ const TOPIC_COLORS = {
 // 热力图用 rgba，支持按强度调节透明度
 const TOPIC_HEX = {
   '调试修复':   '74,222,128',
-  '新功能开发': '34,211,238',
+  '功能开发': '34,211,238',
   '架构设计':   '245,158,11',
   '代码重构':   '167,139,250',
   '学习探索':   '248,113,113',
@@ -296,7 +296,7 @@ function renderOutliers(el, rows) {
           ${preview}
         </div>
       </div>`
-  }, '暂无高轮次 Session')
+  }, '暂无数据')
 }
 
 // ── 项目分布 ──

package/public/js/overview.js

@@ -252,7 +252,11 @@ function renderDist(el, data) {
     col.addEventListener('mouseenter', () => { tip.textContent = col.dataset.label; tip.style.opacity = '1' })
     col.addEventListener('mouseleave', () => { tip.style.opacity = '0' })
     col.addEventListener('mousemove', e => {
-      tip.style.left = (e.clientX + 12) + 'px'
+      const tipW = tip.offsetWidth || 120
+      const left = e.clientX + 12 + tipW > window.innerWidth
+        ? e.clientX - tipW - 8
+        : e.clientX + 12
+      tip.style.left = left + 'px'
       tip.style.top  = (e.clientY - 24) + 'px'
     })
   })
@@ -359,20 +363,28 @@ function renderToolDist(el, data) {
 
   // SVG 环形图
   const R = 54, r = 32, cx = 70, cy = 70
-  let angle = -Math.PI / 2
-  const paths = items.map((item, i) => {
-    const pct = item.count / total
-    const sweep = pct * 2 * Math.PI
-    const x1 = cx + R * Math.cos(angle), y1 = cy + R * Math.sin(angle)
-    const x2 = cx + R * Math.cos(angle + sweep), y2 = cy + R * Math.sin(angle + sweep)
-    const ix1 = cx + r * Math.cos(angle), iy1 = cy + r * Math.sin(angle)
-    const ix2 = cx + r * Math.cos(angle + sweep), iy2 = cy + r * Math.sin(angle + sweep)
-    const large = sweep > Math.PI ? 1 : 0
-    const color = i < COLORS.length ? COLORS[i] : 'var(--muted)'
-    const d = `M${x1},${y1} A${R},${R},0,${large},1,${x2},${y2} L${ix2},${iy2} A${r},${r},0,${large},0,${ix1},${iy1} Z`
-    angle += sweep
-    return `<path d="${d}" fill="${color}" opacity="0.9"/>`
-  }).join('')
+  let paths
+  if (items.length === 1) {
+    // 单项无法用 arc path 画完整圆，用两个同心圆代替
+    const color = COLORS[0]
+    paths = `<circle cx="${cx}" cy="${cy}" r="${R}" fill="${color}" opacity="0.9"/>
+             <circle cx="${cx}" cy="${cy}" r="${r}" fill="var(--bg1)"/>`
+  } else {
+    let angle = -Math.PI / 2
+    paths = items.map((item, i) => {
+      const pct = item.count / total
+      const sweep = pct * 2 * Math.PI
+      const x1 = cx + R * Math.cos(angle), y1 = cy + R * Math.sin(angle)
+      const x2 = cx + R * Math.cos(angle + sweep), y2 = cy + R * Math.sin(angle + sweep)
+      const ix1 = cx + r * Math.cos(angle), iy1 = cy + r * Math.sin(angle)
+      const ix2 = cx + r * Math.cos(angle + sweep), iy2 = cy + r * Math.sin(angle + sweep)
+      const large = sweep > Math.PI ? 1 : 0
+      const color = i < COLORS.length ? COLORS[i] : 'var(--muted)'
+      const d = `M${x1},${y1} A${R},${R},0,${large},1,${x2},${y2} L${ix2},${iy2} A${r},${r},0,${large},0,${ix1},${iy1} Z`
+      angle += sweep
+      return `<path d="${d}" fill="${color}" opacity="0.9"/>`
+    }).join('')
+  }
 
   const totalFmt = total >= 10000 ? (total / 10000).toFixed(1) + 'w次' : total.toLocaleString() + '次'
 

package/src/classifiers/topic-rules.js

@@ -8,7 +8,7 @@ export const TOPIC_RULES = [
       'traceback', 'stacktrace', '调试', 'debug', 'broken', 'not working'],
   },
   {
-    topic: '新功能开发',
+    topic: '功能开发',
     keywords: ['新增', 'implement', 'feature', '功能', ' add ', 'build', '做一个', '开发',
       '实现', '支持', '创建', 'create', '添加', '增加', 'develop', 'new feature'],
   },