@aiyiran/myclaw 1.1.167 → 1.1.169

package/assets/myclaw-inject.js

@@ -28,6 +28,7 @@
   var cursorOffset = 0;       // 录音开始时光标在 textarea 中的位置
   var injected = false;
   var stopping = false;      // 正在等待最终识别结果（stopVoice 的 2 秒窗口）
+  var suppressNextClipboardCopy = false;
 
   // ═══ 1. 右下角升级按钮 ═══
   function createVersionBar() {
@@ -273,6 +274,15 @@
     ta.dispatchEvent(new Event("input", { bubbles: true }));
   }
 
+  function sendGeneratedPrompt(text) {
+    suppressNextClipboardCopy = true;
+    setTextareaValue(text);
+    trySend();
+    setTimeout(function () {
+      suppressNextClipboardCopy = false;
+    }, 3000);
+  }
+
   /**
    * 获取 textarea 当前值
    */
@@ -317,22 +327,32 @@
 
   function buildTestDonePrompt() {
     var rec = window.myclawLastDebugRecord;
-    var lines = [
-      "我刚才已经完成了测试。",
-      "请你检查我的测试数据 debug/debug-record.html，重点查看里面的 JS 日志。",
-    ];
-
-    if (rec && rec.debugRecordPath) {
-      lines.push("如果你能读取本地路径，也可以查看：" + rec.debugRecordPath);
+    var lines = ["我刚才已经完成了测试。"];
+
+    // 调试数据落在 debug-data.js（window.__DEBUG_DATA__ = {...}），AI 直接读这个
+    // 数据文件即可，不要读同目录的 debug-record.html（那只是给人看的渲染壳）。
+    var dataFile = null;
+    if (rec) {
+      if (rec.debugRecordPath) {
+        dataFile = rec.debugRecordPath.replace(/debug-record\.html$/, "debug-data.js");
+      } else if (rec.workspace) {
+        dataFile = rec.workspace + "/debug/debug-data.js";
+      }
     }
+    if (dataFile) {
+      lines.push("请你读取调试数据文件：" + dataFile);
+    } else {
+      lines.push("请你读取本次测试的调试数据文件 debug/debug-data.js。");
+    }
+    lines.push("它是一行 `window.__DEBUG_DATA__ = {...}` 的赋值，里面的 events 数组就是完整运行现场；不要去读同目录的 debug-record.html。");
     if (rec && rec.entryFile) {
       lines.push("我刚才测试的文件是：" + rec.entryFile);
     }
 
     lines.push("");
     lines.push("请帮我判断：我们之前的问题是否已经修复。");
-    lines.push("如果已经修复，请简单说明你从日志里看到了什么证据。");
-    lines.push("如果还没有修复，请指出日志里最关键的问题，并建议下一步最小修改。");
+    lines.push("如果已经修复，请简单说明你从 events 里看到了什么证据。");
+    lines.push("如果还没有修复，请指出 events 里最关键的问题，并建议下一步最小修改。");
 
     return lines.join("\n");
   }
@@ -368,8 +388,7 @@
     menu.appendChild(makeItem("查报错", showDebugModal));
     menu.appendChild(makeItem("加日志", showLogModal));
     menu.appendChild(makeItem("看结果", function () {
-      setTextareaValue(buildTestDonePrompt());
-      trySend();
+      sendGeneratedPrompt(buildTestDonePrompt());
     }));
 
     wrap.appendChild(btn);
@@ -639,9 +658,8 @@
     submitBtn.textContent = "➤ 发给 AI 帮我查";
     submitBtn.addEventListener("click", function () {
       if (!hasDebugInput()) return;
-      setTextareaValue(buildDebugPrompt());
       closeDebugModal();
-      trySend();
+      sendGeneratedPrompt(buildDebugPrompt());
     });
 
     function hasDebugInput() {
@@ -743,9 +761,8 @@
     submitBtn.textContent = "➤ 发给 AI 加提示";
     submitBtn.addEventListener("click", function () {
       if (!hasLogInput()) return;
-      setTextareaValue(buildLogPrompt());
       closeLogModal();
-      trySend();
+      sendGeneratedPrompt(buildLogPrompt());
     });
 
     function hasLogInput() {
@@ -1225,15 +1242,20 @@ btn.addEventListener("click", function () {
         return;
       }
 
-      // 2) 复制到剪贴板
-      try {
-        navigator.clipboard.writeText(text).then(function () {
-          console.log("[myclaw-send] 📋 已复制到剪贴板:", text.substring(0, 50) + (text.length > 50 ? "..." : ""));
-        }).catch(function () {
+      // 2) 复制到剪贴板。自动生成的流程提示词不写剪贴板。
+      if (suppressNextClipboardCopy) {
+        suppressNextClipboardCopy = false;
+        console.log("[myclaw-send] 已跳过自动提示词的剪贴板复制");
+      } else {
+        try {
+          navigator.clipboard.writeText(text).then(function () {
+            console.log("[myclaw-send] 📋 已复制到剪贴板:", text.substring(0, 50) + (text.length > 50 ? "..." : ""));
+          }).catch(function () {
+            fallbackCopy(text);
+          });
+        } catch (ex) {
           fallbackCopy(text);
-        });
-      } catch (ex) {
-        fallbackCopy(text);
+        }
       }
 
       // 3) 让原生 click 继续走（发送消息）

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiyiran/myclaw",
-  "version": "1.1.167",
+  "version": "1.1.169",
   "description": "",
   "main": "index.js",
   "bin": {

package/skills/chat-history-extractor/SKILL.md

@@ -27,38 +27,39 @@ python3 scripts/extract_chat.py '["url1","url2","url3"]' <output-dir>
 
 ## 输出文件
 
+**只产出两个文件**，不再为每个会话单独落 js（所有会话的完整数据都汇入 `index.js`）：
+
 | 文件 | 说明 |
 |---|---|
-| `01-<session-name>.js` | 第 1 个会话的数据 |
-| `02-<session-name>.js` | 第 2 个会话的数据 |
-| `...` | |
-| `index.js` | 所有会话的索引列表（仅批量模式生成） |
-| `chat_history.js` | 向后兼容，指向第一个会话 |
-
-每个 JS 文件结构：
-
-```javascript
-const chatData = {
-  "session": "session-name",
-  "session_id": "agent:xxx:yyy",
-  "total_pairs": N,
-  "initiator": "...",
-  "conversations": [
-    { "user": "...", "user_time": "...", "ai": "...", "ai_time": "..." },
-    ...
-  ]
-};
-```
+| `index.js` | 唯一数据产物：`chatIndex`（会话元数据列表）+ `chatAll`（每个会话的完整对话） |
+| `index.html` | 查看器，复制自 `assets/chat-history-template.html`，只加载 `index.js` |
 
 `index.js` 结构：
 
 ```javascript
+// chatIndex：用于会话切换下拉框的元数据
 const chatIndex = [
-  { "index": 1, "session": "...", "js_file": "01-xxx.js", "total_pairs": 10 },
-  { "index": 2, "session": "...", "js_file": "02-yyy.js", "total_pairs": 8 },
+  { "session_id": "agent:xxx:main", "workspace_name": "xxx", "session_name": "main",
+    "total_pairs": 10, "first_time": "...", "last_time": "...", "work_url": "" },
+  ...
 ];
+
+// chatAll：按 session_id 索引的完整会话数据（HTML 渲染的真正数据源）
+const chatAll = {
+  "agent:xxx:main": {
+    "workspace_name": "xxx", "session_name": "main", "session_id": "agent:xxx:main",
+    "total_pairs": 10, "first_time": "...", "last_time": "...", "work_url": "",
+    "conversations": [
+      { "user": "...", "user_time": "...", "ai": "...", "ai_time": "..." },
+      ...
+    ]
+  },
+  ...
+};
 ```
 
+> 单会话和批量模式产物一致，区别只是 `chatIndex` / `chatAll` 里的会话数量。
+
 ## 工作流
 
 ### Step 1: 解析输入
@@ -85,14 +86,14 @@ URL 示例：`https://claw1.kekouen.cn/chat?session=agent%3Ac108-v1-1811%3Amain`
 3. 多条 AI 回复合并为一条
 4. 跳过 `toolResult` 事件和空文本消息
 
-### Step 4: 生成 JS 文件
+### Step 4: 生成 index.js
 
-批量模式下，每个会话生成独立的 `NN-<name>.js`，并额外生成 `index.js` 索引。
+所有会话的数据在内存中汇总，一次性写入唯一的 `index.js`（`chatIndex` + `chatAll`），不为单个会话单独落文件。
 
 ### Step 5: 渲染
 
-将模板 `assets/chat-history-template.html` 复制到输出目录。
-模板会加载 `chat_history.js`（单会话）或可通过 `index.js` 切换（多会话）。
+将模板 `assets/chat-history-template.html` 复制到输出目录为 `index.html`。
+模板只加载 `index.js`，通过 `chatIndex` 渲染会话切换下拉框、从 `chatAll` 取完整对话。
 
 模板展示三种时间指标：
 - **课程流逝** — 距首条消息的时间
@@ -116,8 +117,8 @@ python3 scripts/extract_chat.py "https://claw1.kekouen.cn/chat?session=agent%3Ac
 ```
 
 输出：
-- `01-main.js`
-- `chat_history.js`（= 01-main.js 的副本）
+- `index.js`（含 1 个会话）
+- `index.html`
 
 ### 批量处理
 
@@ -131,9 +132,5 @@ python3 scripts/extract_chat.py '[
 ```
 
 输出：
-- `01-main.js`
-- `02-main.js`
-- `03-每天一个小习惯·宠物养成_1813.js`
-- `04-我的金币任务板_1810.js`
-- `index.js`
-- `chat_history.js`（= 01-main.js 的副本）
+- `index.js`（含 4 个会话，全部数据在 `chatAll` 里）
+- `index.html`

package/skills/chat-history-extractor/assets/chat-history-template.html

@@ -22,6 +22,40 @@
       color: #1a1a2e;
       margin-bottom: 10px;
     }
+    .session-selector {
+      background: white;
+      border-radius: 12px;
+      padding: 15px 20px;
+      margin-bottom: 20px;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      flex-wrap: wrap;
+    }
+    .session-selector label {
+      font-weight: bold;
+      color: #333;
+      white-space: nowrap;
+    }
+    .session-selector select {
+      flex: 1;
+      min-width: 300px;
+      padding: 8px 12px;
+      border: 2px solid #e0e0e0;
+      border-radius: 8px;
+      font-size: 14px;
+      background: #fafafa;
+      cursor: pointer;
+    }
+    .session-selector select:focus {
+      border-color: #667eea;
+      outline: none;
+    }
+    .session-meta {
+      font-size: 12px;
+      color: #888;
+    }
     .info-box {
       background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
       color: white;
@@ -116,6 +150,12 @@
   <div class="container">
     <h1>📋 聊天记录</h1>
 
+    <div class="session-selector" id="sessionSelector" style="display:none;">
+      <label>🔍 切换会话：</label>
+      <select id="sessionSelect"></select>
+      <span class="session-meta" id="sessionMeta"></span>
+    </div>
+
     <div class="info-box">
       <p><strong>会话ID:</strong> <span id="sessionId">--</span></p>
       <p><strong>会话名称:</strong> <span id="sessionName">--</span></p>
@@ -143,20 +183,15 @@
     <div id="conversationList"></div>
   </div>
 
-  <!-- Load chat data JS file -->
-  <script src="chat_history.js"></script>
+  <!-- Load index.js (contains chatIndex + chatAll) -->
+  <script src="index.js"></script>
   <script>
-    // Fallback if chatData not loaded
-    if (typeof chatData === 'undefined') {
-      document.getElementById('sessionId').textContent = '数据未加载';
-      document.getElementById('conversationList').innerHTML = '<p style="text-align:center;color:#999;">请确保 chat_history.js 文件存在且可访问</p>';
-    } else {
-      init();
-    }
+    var currentSession = null;
 
+    // parseTime, formatDuration, escapeHtml
     function parseTime(timeStr) {
       if (!timeStr) return null;
-      const parts = timeStr.split(/[\s:\-]/);
+      var parts = timeStr.split(/[\s:\-]/);
       if (parts.length >= 6) {
         return new Date(parts[0], parts[1]-1, parts[2], parts[3], parts[4], parts[5]);
       }
@@ -165,107 +200,174 @@
 
     function formatDuration(ms) {
       if (ms === null || ms === undefined || ms < 0) return '--';
-      const seconds = Math.floor(ms / 1000);
+      var seconds = Math.floor(ms / 1000);
       if (seconds < 60) return seconds + '秒';
-      const minutes = Math.floor(seconds / 60);
-      const remainingSeconds = seconds % 60;
+      var minutes = Math.floor(seconds / 60);
+      var remainingSeconds = seconds % 60;
       if (minutes < 60) {
         return remainingSeconds > 0 ? minutes + '分' + remainingSeconds + '秒' : minutes + '分';
       }
-      const hours = Math.floor(minutes / 60);
-      const remainingMinutes = minutes % 60;
+      var hours = Math.floor(minutes / 60);
+      var remainingMinutes = minutes % 60;
       return hours + '时' + remainingMinutes + '分';
     }
 
     function escapeHtml(text) {
-      const div = document.createElement('div');
+      var div = document.createElement('div');
       div.textContent = text;
       return div.innerHTML;
     }
 
-    function init() {
+    // Build dropdown from chatIndex
+    function buildSelector() {
+      if (typeof chatIndex === 'undefined' || !chatIndex || chatIndex.length === 0) {
+        return; // No index data, hide selector
+      }
+      var sel = document.getElementById('sessionSelector');
+      var select = document.getElementById('sessionSelect');
+      sel.style.display = 'flex';
+
+      chatIndex.forEach(function(item, i) {
+        var opt = document.createElement('option');
+        opt.value = item.session_id;
+        var label = item.workspace_name + ' / ' + item.session_name + ' (' + item.total_pairs + '对)';
+        if (item.first_time) label += ' [' + item.first_time + ']';
+        opt.textContent = label;
+        select.appendChild(opt);
+      });
+
+      select.addEventListener('change', function() {
+        switchTo(this.value);
+      });
+    }
+
+    // Switch to a specific session
+    function switchTo(sessionId) {
+      if (typeof chatAll === 'undefined' || !chatAll) return;
+
+      var data = chatAll[sessionId];
+      if (!data) {
+        document.getElementById('conversationList').innerHTML = '<p style="text-align:center;color:#999;">该会话数据未找到</p>';
+        return;
+      }
+
+      currentSession = sessionId;
+      renderSession(data);
+
+      // Update meta
+      var metaEl = document.getElementById('sessionMeta');
+      if (data.first_time && data.last_time) {
+        metaEl.textContent = data.first_time + ' ~ ' + data.last_time;
+      }
+    }
+
+    // Render a session's conversations
+    function renderSession(chatData) {
       document.getElementById('sessionId').textContent = chatData.session_id || '--';
-      document.getElementById('sessionName').textContent = chatData.session || '--';
+      document.getElementById('sessionName').textContent = (chatData.workspace_name || '') + ' / ' + (chatData.session_name || '--');
       document.getElementById('initiator').textContent = chatData.initiator || '--';
       document.getElementById('totalPairs').textContent = chatData.total_pairs || 0;
 
-      let userCount = 0;
-      let aiCount = 0;
-      let totalDuration = 0;
-      const list = document.getElementById('conversationList');
+      var userCount = 0;
+      var aiCount = 0;
+      var totalDuration = 0;
+      var list = document.getElementById('conversationList');
+      list.innerHTML = '';
 
-      chatData.conversations.forEach((c, i) => {
-        const hasReply = c.ai && c.ai.trim();
+      var conversations = chatData.conversations || [];
+      conversations.forEach(function(c, i) {
+        var hasReply = c.ai && c.ai.trim();
         if (hasReply) aiCount++;
 
-        // Compute metrics
-        let responseDuration = null;
+        var responseDuration = null;
         if (hasReply) {
-          const userTime = parseTime(c.user_time);
-          const aiTime = parseTime(c.ai_time);
+          var userTime = parseTime(c.user_time);
+          var aiTime = parseTime(c.ai_time);
           if (userTime && aiTime) {
             responseDuration = aiTime - userTime;
             if (responseDuration > 0) totalDuration += responseDuration;
           }
         }
 
-        let intervalDuration = null;
-        if (i < chatData.conversations.length - 1) {
-          const nextUserTime = parseTime(chatData.conversations[i + 1].user_time);
-          const currentUserTime = parseTime(c.user_time);
+        var intervalDuration = null;
+        if (i < conversations.length - 1) {
+          var nextUserTime = parseTime(conversations[i + 1].user_time);
+          var currentUserTime = parseTime(c.user_time);
           if (currentUserTime && nextUserTime) {
             intervalDuration = nextUserTime - currentUserTime;
           }
         }
 
-        let elapsedDuration = null;
+        var elapsedDuration = null;
         if (i > 0) {
-          const firstUserTime = parseTime(chatData.conversations[0].user_time);
-          const currentUserTime = parseTime(c.user_time);
-          if (firstUserTime && currentUserTime) {
-            elapsedDuration = currentUserTime - firstUserTime;
+          var firstUserTime = parseTime(conversations[0].user_time);
+          var currentUserTime2 = parseTime(c.user_time);
+          if (firstUserTime && currentUserTime2) {
+            elapsedDuration = currentUserTime2 - firstUserTime;
           }
         }
 
-        const pair = document.createElement('div');
+        var pair = document.createElement('div');
         pair.className = 'pair';
-        pair.innerHTML = `
-          <div class="pair-header">
-            <div class="pair-left">
-              <span class="pair-num">第 ${i + 1} 轮</span>
-              ${elapsedDuration !== null ? `<span class="pair-duration elapsed">⏰ 课程流逝: ${formatDuration(elapsedDuration)}</span>` : '<span class="pair-duration elapsed">⏰ 课程流逝: 0分</span>'}
-              ${intervalDuration !== null ? `<span class="pair-duration interval">⏸️ 间隔耗时: ${formatDuration(intervalDuration)}</span>` : ''}
-            </div>
-          </div>
-          <div class="message-section user-section">
-            <div class="msg-label user-label">
-              <span>👤 学生</span>
-              <span class="msg-time">${c.user_time || '未知时间'}</span>
-            </div>
-            <div class="msg-content">
-              <pre>${escapeHtml(c.user)}</pre>
-            </div>
-          </div>
-          ${hasReply ? `
-          <div class="message-section ai-section">
-            <div class="msg-label ai-label">
-              <span>🤖 AI</span>
-              <span class="msg-time">${c.ai_time || '未知时间'}</span>
-              <span class="pair-duration">⏱️ 回复耗时: ${formatDuration(responseDuration)}</span>
-            </div>
-            <div class="msg-content">
-              <pre>${escapeHtml(c.ai)}</pre>
-            </div>
-          </div>
-          ` : ''}
-        `;
+        pair.innerHTML =
+          '<div class="pair-header">' +
+            '<div class="pair-left">' +
+              '<span class="pair-num">第 ' + (i + 1) + ' 轮</span>' +
+              (elapsedDuration !== null ? '<span class="pair-duration elapsed">⏰ 课程流逝: ' + formatDuration(elapsedDuration) + '</span>' : '<span class="pair-duration elapsed">⏰ 课程流逝: 0分</span>') +
+              (intervalDuration !== null ? '<span class="pair-duration interval">⏸️ 间隔耗时: ' + formatDuration(intervalDuration) + '</span>' : '') +
+            '</div>' +
+          '</div>' +
+          '<div class="message-section user-section">' +
+            '<div class="msg-label user-label">' +
+              '<span>👤 学生</span>' +
+              '<span class="msg-time">' + (c.user_time || '未知时间') + '</span>' +
+            '</div>' +
+            '<div class="msg-content">' +
+              '<pre>' + escapeHtml(c.user) + '</pre>' +
+            '</div>' +
+          '</div>' +
+          (hasReply ?
+          '<div class="message-section ai-section">' +
+            '<div class="msg-label ai-label">' +
+              '<span>🤖 AI</span>' +
+              '<span class="msg-time">' + (c.ai_time || '未知时间') + '</span>' +
+              '<span class="pair-duration">⏱️ 回复耗时: ' + formatDuration(responseDuration) + '</span>' +
+            '</div>' +
+            '<div class="msg-content">' +
+              '<pre>' + escapeHtml(c.ai) + '</pre>' +
+            '</div>' +
+          '</div>' : '');
+
         list.appendChild(pair);
       });
 
-      document.getElementById('userCount').textContent = chatData.conversations.length;
+      document.getElementById('userCount').textContent = conversations.length;
       document.getElementById('aiCount').textContent = aiCount;
       document.getElementById('totalTime').textContent = formatDuration(totalDuration);
     }
+
+    // Init
+    (function() {
+      // Strategy 1: Use index.js with chatIndex + chatAll
+      if (typeof chatIndex !== 'undefined' && chatIndex && chatIndex.length > 0 &&
+          typeof chatAll !== 'undefined' && chatAll) {
+        buildSelector();
+        // Select first session
+        document.getElementById('sessionSelect').value = chatIndex[0].session_id;
+        switchTo(chatIndex[0].session_id);
+        return;
+      }
+
+      // Strategy 2: Fallback to single chatData (old format)
+      if (typeof chatData !== 'undefined' && chatData) {
+        renderSession(chatData);
+        return;
+      }
+
+      // No data
+      document.getElementById('sessionId').textContent = '数据未加载';
+      document.getElementById('conversationList').innerHTML = '<p style="text-align:center;color:#999;">请确保 index.js 或 chat_data.js 文件存在且可访问</p>';
+    })();
   </script>
 </body>
 </html>

package/skills/chat-history-extractor/scripts/extract_chat.py

@@ -1,7 +1,16 @@
 #!/usr/bin/env python3
 """
 Extract chat history from OpenClaw session URL(s) and generate JS data file(s).
+"""
+import os as _os
+def _get_script_dir():
+    try:
+        return os.path.dirname(os.path.abspath(__file__))
+    except NameError:
+        return os.path.dirname(os.path.abspath(sys.argv[0]))
 
+
+"""
 Usage:
   # 单个会话（输出到当前 workspace）
   python3 extract_chat.py <session-url-or-key>
@@ -14,10 +23,11 @@ Usage:
   python3 extract_chat.py --scan [--html]
 
 输出（默认到当前 workspace /root/.openclaw/workspace-teacher）：
-  - 每个会话生成独立的 <agentId>_<sessionName>_<date>_<time>.js
-  - 生成 index.js，包含所有会话的元信息列表（含 work_url 字段）
-  - 生成 chat_history.js（向后兼容，指向第一个会话）
-  - --html 时额外生成 summary.html（含可点击链接）
+  - index.js：唯一数据产物，含 chatIndex（会话元信息列表，含 work_url 字段）
+    + chatAll（每个会话的完整对话，按 session_id 索引）
+  - index.html：查看器，复制自 assets/chat-history-template.html，只加载 index.js
+  - 不再为每个会话单独落 js 文件
+  - --scan 模式额外生成 作品扫描_<时间>.html（含可点击链接）
 
 Host 检测：
   - 自动从 /root/.openclaw/myclaw/server/config.json 读取
@@ -25,7 +35,7 @@ Host 检测：
 
 work_url 字段:
   - 默认为空字符串
-  - AI 可后续手动编辑 JS 文件填入学生作品链接
+  - AI 可后续编辑 index.js 中对应会话的 work_url 填入学生作品链接
 """
 
 import json
@@ -35,6 +45,7 @@ import re
 import glob
 from urllib.parse import urlparse, parse_qs, quote
 from datetime import datetime, timezone, timedelta
+import time
 
 tz_beijing = timezone(timedelta(hours=8))
 
@@ -156,7 +167,8 @@ def count_conversations(jsonl_path):
                 messages.append({
                     'role': role,
                     'text': text.strip(),
-                    'has_text': bool(text.strip())
+                    'has_text': bool(text.strip()),
+                    'timestamp': timestamp
                 })
 
     # Count conversation pairs (user messages with at least one AI reply)
@@ -173,9 +185,13 @@ def count_conversations(jsonl_path):
                     ai_messages.append(messages[j])
                 j += 1
             ai_text = '\n\n'.join([m['text'] for m in ai_messages if m['has_text']])
+            user_time = msg.get('timestamp', '')
+            ai_time = ai_messages[0].get('timestamp', '') if ai_messages else ''
             conversations.append({
                 'user': user_text,
                 'ai': ai_text,
+                'user_time': user_time,
+                'ai_time': ai_time,
             })
             i += 1
         else:
@@ -196,22 +212,30 @@ def sanitize_filename(name):
     return safe or 'session'
 
 
-def build_filename(session_key, first_timestamp):
+def build_filename(session_key):
     parts = session_key.split(':')
     agent_id = parts[1] if len(parts) > 1 else 'unknown'
     session_name = parts[2] if len(parts) > 2 else 'main'
+    # Use last part (UUID or 'main') as unique suffix to avoid collisions
+    unique_id = parts[-1] if len(parts) > 3 else session_name
     agent_safe = sanitize_filename(agent_id)
     name_safe = sanitize_filename(session_name)
-    time_str = parse_time_for_filename(first_timestamp) if first_timestamp else 'unknown'
-    return f"{agent_safe}_{name_safe}_{time_str}.js"
+    unique_safe = sanitize_filename(unique_id)
+    if unique_safe == name_safe:
+        return f"{agent_safe}_{name_safe}.js"
+    return f"{agent_safe}_{name_safe}_{unique_safe}.js"
 
 
-def generate_js(conversations, session_key, first_ts, last_ts, output_path):
+def build_chat_data(conversations, session_key, first_ts, last_ts):
+    """构建单个会话的完整数据对象（仅内存，不写盘）。
+
+    数据最终全部汇入 index.js 的 chatAll，不再为每个会话单独落 js 文件。
+    """
     parts = session_key.split(':')
     workspace_name = parts[1] if len(parts) > 1 else 'unknown'
     session_name = parts[2] if len(parts) > 2 else 'main'
 
-    output_data = {
+    return {
         'workspace_name': workspace_name,
         'session_name': session_name,
         'session_id': session_key,
@@ -221,15 +245,6 @@ def generate_js(conversations, session_key, first_ts, last_ts, output_path):
         'work_url': '',
         'conversations': conversations
     }
-    js_content = f'''// Chat History - {session_name}
-// Session Key: {session_key}
-// Generated by chat-history-extractor skill
-
-const chatData = {json.dumps(output_data, ensure_ascii=False, indent=2)};
-'''
-    with open(output_path, 'w', encoding='utf-8') as f:
-        f.write(js_content)
-    return len(conversations), session_name
 
 
 def session_key_to_url(session_key, host=None):
@@ -289,124 +304,76 @@ def print_summary_table(entries, host=None):
         print(f"{e['index']:>3}  {agent:<16} {name:<28} {e['total_pairs']:>6}  {first_t:<20}  {last_t:<20}  {work:<14}  {url}")
 
 
+def agent_to_color(agent_id):
+    """Map agent_id to a consistent pastel RGB color via HSV hash."""
+    import hashlib, colorsys
+    h = hashlib.md5(agent_id.encode()).hexdigest()
+    hue = int(h[:2], 16) / 255.0
+    r, g, b = colorsys.hsv_to_rgb(hue, 0.45, 0.92)
+    bg = "rgb(%d, %d, %d)" % (int(r*255), int(g*255), int(b*255))
+    r2, g2, b2 = colorsys.hsv_to_rgb(hue, 0.50, 0.82)
+    border = "rgb(%d, %d, %d)" % (int(r2*255), int(g2*255), int(b2*255))
+    return bg, border
+
+
 def generate_html_table(entries, host, output_path):
-    """Generate an HTML file with a clickable table of all sessions."""
-    total_pairs = sum(e['total_pairs'] for e in entries)
-    rows_html = []
+    """Generate HTML from scan_template.html with checkbox + colored rows."""
+    agent_colors = {}
     for e in entries:
-        work_url = e.get('work_url', '')
-        if work_url:
-            work_cell = f'<a href="{work_url}" target="_blank" class="link">🔗 查看作品</a>'
-        else:
-            work_cell = '<span class="pending">（待填）</span>'
+        agent = e.get('agent_id', '') or 'unknown'
+        if agent not in agent_colors:
+            agent_colors[agent] = agent_to_color(agent)
 
+    rows_html = []
+    for e in entries:
         chat_url = session_key_to_url(e['session_key'], host)
         name = e.get('session_name', '') or ''
         agent = e.get('agent_id', '') or ''
-        chat_cell = f'<a href="{chat_url}" target="_blank" class="link">💬 打开对话</a>'
-
-        rows_html.append(f"""
-        <tr>
-          <td class="num">{e['index']}</td>
-          <td>{agent}</td>
-          <td>{name}</td>
-          <td class="num">{e['total_pairs']}</td>
-          <td>{e.get('first_time', '')}</td>
-          <td>{e.get('last_time', '')}</td>
-          <td>{work_cell}</td>
-          <td>{chat_cell}</td>
-        </tr>""")
+        chat_cell = '<a href="' + chat_url + '" target="_blank" class="link">💬 打开对话</a>'
+        bg, border = agent_colors[agent]
+        work_val = e.get('work_url', '') or ''
+
+        row = '\n        <tr style="background: ' + bg + '; border-left: 3px solid ' + border + ';">'
+        row += '\n          <td><input type="checkbox" class="row-check" data-session="' + e['session_key'] + '" data-agent="' + agent + '" data-name="' + name + '"></td>'
+        row += '\n          <td class="num">' + str(e['index']) + '</td>'
+        row += '\n          <td>' + agent + '</td>'
+        row += '\n          <td>' + name + '</td>'
+        row += '\n          <td class="num">' + str(e['total_pairs']) + '</td>'
+        row += '\n          <td>' + e.get('first_time', '') + '</td>'
+        row += '\n          <td>' + e.get('last_time', '') + '</td>'
+        row += '\n          <td><input type="text" class="work-input" placeholder="填入作品链接" value="' + work_val + '"></td>'
+        row += '\n          <td>' + chat_cell + '</td>'
+        row += '\n        </tr>'
+        rows_html.append(row)
 
     rows = '\n'.join(rows_html)
-    html = f'''<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>作品扫描 - {len(entries)} sessions</title>
-  <style>
-    * {{ box-sizing: border-box; }}
-    body {{
-      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
-      background: linear-gradient(135deg, #f5f7fa 0%, #e9ecf3 100%);
-      margin: 0; padding: 24px; min-height: 100vh; color: #2d3748;
-    }}
-    .container {{ max-width: 1200px; margin: 0 auto; }}
-    .header {{
-      background: linear-gradient(135deg, #667eea, #764ba2);
-      color: white; padding: 30px; border-radius: 16px; margin-bottom: 24px;
-      box-shadow: 0 10px 30px rgba(102,126,234,0.3);
-    }}
-    .header h1 {{ margin: 0 0 8px 0; font-size: 1.8em; }}
-    .header p {{ margin: 0; opacity: 0.9; }}
-    .summary-bar {{
-      display: flex; gap: 16px; margin-top: 16px; flex-wrap: wrap;
-    }}
-    .summary-bar .stat {{
-      background: rgba(255,255,255,0.2); padding: 8px 16px; border-radius: 8px;
-      backdrop-filter: blur(10px);
-    }}
-    .stat strong {{ font-size: 1.3em; margin-right: 6px; }}
-    table {{
-      width: 100%; background: white; border-radius: 12px; overflow: hidden;
-      border-collapse: collapse; box-shadow: 0 4px 20px rgba(0,0,0,0.08);
-    }}
-    th {{
-      background: #f7fafc; padding: 14px 12px; text-align: left;
-      font-weight: 600; color: #4a5568; border-bottom: 2px solid #e2e8f0;
-      font-size: 0.9em;
-    }}
-    td {{ padding: 12px; border-bottom: 1px solid #edf2f7; font-size: 0.92em; }}
-    tr:hover td {{ background: #f7fafc; }}
-    .num {{ text-align: right; font-variant-numeric: tabular-nums; }}
-    .link {{
-      color: #667eea; text-decoration: none; font-weight: 500;
-      padding: 4px 10px; border-radius: 6px; background: #edf2f7;
-      transition: all 0.2s; display: inline-block;
-    }}
-    .link:hover {{ background: #667eea; color: white; transform: translateY(-1px); }}
-    .pending {{ color: #a0aec0; font-style: italic; }}
-    .footer {{
-      text-align: center; margin-top: 24px; color: #718096; font-size: 0.85em;
-    }}
-  </style>
-</head>
-<body>
-  <div class="container">
-    <div class="header">
-      <h1>📋 作品扫描</h1>
-      <p>Generated by chat-history-extractor</p>
-      <div class="summary-bar">
-        <div class="stat"><strong>{len(entries)}</strong> sessions</div>
-        <div class="stat"><strong>{total_pairs}</strong> conversation pairs</div>
-        <div class="stat"><strong>host:</strong> {host}</div>
-      </div>
-    </div>
-    <table>
-      <thead>
-        <tr>
-          <th class="num">#</th>
-          <th>workspace</th>
-          <th>会话名</th>
-          <th class="num">对话数</th>
-          <th>起始时间</th>
-          <th>最后更新</th>
-          <th>作品链接</th>
-          <th>对话链接</th>
-        </tr>
-      </thead>
-      <tbody>{rows}
-      </tbody>
-    </table>
-    <p class="footer">提示：点击「作品链接」和「对话链接」在新页面打开。后续可在 JS 文件中编辑 work_url 字段补上作品链接。</p>
-  </div>
-</body>
-</html>
-'''
+
+    legend_items = ''.join([
+        '<span class="legend-item" style="background: ' + bg + '; border: 1px solid ' + bd + ';">' + agent + '</span>'
+        for agent, (bg, bd) in sorted(agent_colors.items())
+    ])
+
+    storage_key = 'scan_' + os.path.basename(output_path).replace('.html', '')
+    html = _build_html(len(entries), sum(e['total_pairs'] for e in entries), host, legend_items, rows, storage_key)
+
     with open(output_path, 'w', encoding='utf-8') as f:
         f.write(html)
 
 
+def _build_html(n, total_pairs, host, legend_items, rows, storage_key):
+    """Read scan_template.html and fill in placeholders."""
+    tpl_dir = os.path.join(os.path.dirname(os.path.abspath(__file__)), '..', 'assets', 'scan_template.html')
+    with open(tpl_dir, 'r') as f:
+        tpl = f.read()
+    tpl = tpl.replace('__SESSIONS_COUNT__', str(n))
+    tpl = tpl.replace('__TOTAL_PAIRS__', str(total_pairs))
+    tpl = tpl.replace('__HOST__', host)
+    tpl = tpl.replace('__LEGEND__', legend_items)
+    tpl = tpl.replace('__ROWS__', rows)
+    tpl = tpl.replace('___STORAGE_KEY___', storage_key)
+    return tpl
+
+
 def process_one(url_or_key, output_dir, index):
     session_key = extract_session_key(url_or_key)
     parts = session_key.split(':')
@@ -426,54 +393,63 @@ def process_one(url_or_key, output_dir, index):
     conversations, first_ts, last_ts = parse_jsonl_to_conversations(jsonl_path)
     print(f"[{index}] {len(conversations)} pairs")
 
-    js_filename = build_filename(session_key, first_ts)
-    js_path = os.path.join(output_dir, js_filename)
-    count, _ = generate_js(conversations, session_key, first_ts, last_ts, js_path)
-    print(f"[{index}] Generated: {js_filename}")
+    data = build_chat_data(conversations, session_key, first_ts, last_ts)
 
     return {
         'index': index,
         'session_key': session_key,
         'session_name': session_name,
         'agent_id': agent_id,
-        'js_file': js_filename,
-        'total_pairs': count,
-        'first_time': parse_time(first_ts) if first_ts else '',
-        'last_time': parse_time(last_ts) if last_ts else '',
+        'total_pairs': data['total_pairs'],
+        'first_time': data['first_time'],
+        'last_time': data['last_time'],
         'work_url': '',
+        'data': data,  # 完整会话数据，汇入 index.js 的 chatAll
     }
 
 
 def generate_index_js(results, output_dir):
-    sessions = [{
-        'index': r['index'],
-        'workspace_name': r['agent_id'],
-        'session_name': r['session_name'],
-        'session_id': r['session_key'],
-        'js_file': r['js_file'],
-        'total_pairs': r['total_pairs'],
-        'first_time': r['first_time'],
-        'last_time': r['last_time'],
-        'work_url': r['work_url'],
-    } for r in results]
-
-    index_content = f'''// Chat History Index - {len(sessions)} session(s)
-// Generated by chat-history-extractor skill
-
-const chatIndex = {json.dumps(sessions, ensure_ascii=False, indent=2)};
-'''
+    """直接用内存中的 results 拼出唯一产物 index.js（chatIndex + chatAll）。
+
+    不再为每个会话单独落 js 文件——每个会话的完整对话都进 chatAll，
+    HTML 只加载 index.js 即可渲染全部会话。
+    """
+    all_entries = []
+    all_data = {}
+
+    for r in results:
+        data = r['data']
+        sid = data['session_id']
+        all_data[sid] = data
+        all_entries.append({
+            'workspace_name': data.get('workspace_name', ''),
+            'session_name': data.get('session_name', ''),
+            'session_id': sid,
+            'total_pairs': data.get('total_pairs', 0),
+            'first_time': data.get('first_time', ''),
+            'last_time': data.get('last_time', ''),
+            'work_url': data.get('work_url', ''),
+        })
+
+    now_ts = int(time.time())
+    idx = '// Chat History Index - %d session(s)\n' % len(all_entries)
+    idx += '// Generated by chat-history-extractor skill\n'
+    idx += '// timestamp: %d\n\n' % now_ts
+    idx += 'const chatIndex = %s;\n\n' % json.dumps(all_entries, ensure_ascii=False, indent=2)
+    idx += 'const chatAll = %s;\n' % json.dumps(all_data, ensure_ascii=False)
+
     index_path = os.path.join(output_dir, 'index.js')
     with open(index_path, 'w', encoding='utf-8') as f:
-        f.write(index_content)
-    print(f"\nIndex: {index_path} ({len(sessions)} sessions)")
+        f.write(idx)
+    print('\nIndex: %s (%d sessions, ts=%d)' % (index_path, len(all_entries), now_ts))
 
 
-def run_scan(output_dir=None, host=None, html_output=False):
+def run_scan(output_dir=None, host=None):
+    """Scan all agents, count conversations, show table, generate HTML."""
     if host is None:
         host = detect_chat_host()
-    """Scan all agents, count conversations, show table. Optionally generate JS files + HTML."""
     all_sessions = scan_all_agents()
-    print(f"Found {len(all_sessions)} session(s) across all agents.\n")
+    print("Found %d session(s) across all agents.\n" % len(all_sessions))
 
     entries = []
     for i, (session_key, agent_id, session_name, jsonl_path) in enumerate(all_sessions, 1):
@@ -488,53 +464,27 @@ def run_scan(output_dir=None, host=None, html_output=False):
                 'work_url': '',
                 'first_time': parse_time(first_ts) if first_ts else '',
                 'last_time': parse_time(last_ts) if last_ts else '',
-                '_jsonl_path': jsonl_path,
-                '_first_ts': first_ts,
             })
         except Exception as e:
-            print(f"  [SKIP] {session_key}: {e}")
+            print("  [SKIP] %s: %s" % (session_key, e))
 
-    # Sort by first_time descending (newest first)
     entries.sort(key=lambda e: (e.get('first_time') or '') or '', reverse=True)
-    # Re-assign index after sorting
     for i, e in enumerate(entries, 1):
         e['index'] = i
 
     print_summary_table(entries, host)
 
-    # Generate JS files if output_dir specified
-    if output_dir:
-        os.makedirs(output_dir, exist_ok=True)
-        results = []
-        for e in entries:
-            js_filename = build_filename(e['session_key'], e['_first_ts'])
-            js_path = os.path.join(output_dir, js_filename)
-            convs, e_first, e_last = count_conversations(e['_jsonl_path'])
-            generate_js(convs, e['session_key'], e_first, e_last, js_path)
-            results.append({**e, 'js_file': js_filename})
-
-        if len(results) > 1:
-            generate_index_js(results, output_dir)
-
-        # Backward compat
-        first_js = os.path.join(output_dir, results[0]['js_file'])
-        compat_js = os.path.join(output_dir, 'chat_history.js')
-        if first_js != compat_js:
-            import shutil
-            shutil.copy2(first_js, compat_js)
-
-    # Generate HTML table with clickable links
-    if html_output:
-        target_dir = output_dir if output_dir else os.getcwd()
-        os.makedirs(target_dir, exist_ok=True)
-        now_str = datetime.now().strftime('%Y%m%d_%H%M%S')
-        html_filename = f"作品扫描_{now_str}.html"
-        html_path = os.path.join(target_dir, html_filename)
-        generate_html_table(entries, host, html_path)
-        print(f"HTML: {html_path}")
+    # Always generate HTML
+    target_dir = output_dir if output_dir else os.getcwd()
+    os.makedirs(target_dir, exist_ok=True)
+    now_str = datetime.now().strftime('%Y%m%d_%H%M%S')
+    html_filename = "作品扫描_%s.html" % now_str
+    html_path = os.path.join(target_dir, html_filename)
+    generate_html_table(entries, host, html_path)
+    print("HTML: %s" % html_path)
 
     total_pairs = sum(e['total_pairs'] for e in entries)
-    print(f"\n合计：{len(entries)} 个会话，{total_pairs} 对对话。")
+    print("\n合计：%d 个会话，%d 对对话。" % (len(entries), total_pairs))
     return entries
 
 
@@ -544,7 +494,6 @@ def main():
     args = sys.argv[1:]
 
     host = detect_chat_host()
-    html_output = False
     scan_mode = False
     positional = []
 
@@ -554,9 +503,7 @@ def main():
         if a == '--host' and i + 1 < len(args):
             host = args[i + 1]
             i += 2
-        elif a == '--html':
-            html_output = True
-            i += 1
+
         elif a == '--scan':
             scan_mode = True
             i += 1
@@ -579,18 +526,26 @@ def main():
     # --scan mode
     if scan_mode:
         output_dir = positional[0] if positional else get_default_output_dir()
-        run_scan(output_dir, host=host, html_output=html_output)
+        run_scan(output_dir, host=host)
         return
 
     # Normal mode
     arg1 = positional[0]
     output_dir = positional[1] if len(positional) > 1 else get_default_output_dir()
     items = parse_input(arg1)
-    print(f"Input: {len(items)} session(s)")
-    print(f"Host: {detect_chat_host()}")
+    print("Input: %d session(s)" % len(items))
+    print("Host: %s" % detect_chat_host())
 
     os.makedirs(output_dir, exist_ok=True)
 
+    # 清理旧产物（含历史遗留的单会话 js）后再重新生成
+    for old_f in os.listdir(output_dir):
+        if old_f.endswith('.js') or old_f == 'index.html':
+            try:
+                os.remove(os.path.join(output_dir, old_f))
+            except Exception:
+                pass
+
     results = []
     for i, item in enumerate(items, 1):
         r = process_one(item, output_dir, i)
@@ -601,27 +556,21 @@ def main():
         print("\nERROR: No sessions processed successfully.")
         sys.exit(1)
 
-    if len(results) > 1:
-        generate_index_js(results, output_dir)
+    # 唯一数据产物：index.js（chatIndex + chatAll）
+    generate_index_js(results, output_dir)
 
-    first_js = os.path.join(output_dir, results[0]['js_file'])
-    compat_js = os.path.join(output_dir, 'chat_history.js')
-    if first_js != compat_js:
-        import shutil
-        shutil.copy2(first_js, compat_js)
-        print(f"Compat: chat_history.js -> {results[0]['js_file']}")
+    # Copy chat-history-template.html as index.html
+    import shutil
+    tpl_path = os.path.join(_get_script_dir(), '..', 'assets', 'chat-history-template.html')
+    if os.path.exists(tpl_path):
+        shutil.copy2(tpl_path, os.path.join(output_dir, 'index.html'))
+        print("View: %s" % os.path.join(output_dir, 'index.html'))
 
     # Summary table
     print_summary_table(results, host)
 
-    # HTML output
-    if html_output:
-        html_path = os.path.join(output_dir, 'summary.html')
-        generate_html_table(results, host, html_path)
-        print(f"HTML: {html_path}")
-
     total_pairs = sum(r['total_pairs'] for r in results)
-    print(f"\n合计：{len(results)} 个会话，{total_pairs} 对对话。")
+    print("\n合计：%d 个会话，%d 对对话。" % (len(results), total_pairs))
 
 
 if __name__ == '__main__':