@aiyiran/myclaw 1.1.166 → 1.1.168

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 当前值
    */
@@ -368,8 +378,7 @@
     menu.appendChild(makeItem("查报错", showDebugModal));
     menu.appendChild(makeItem("加日志", showLogModal));
     menu.appendChild(makeItem("看结果", function () {
-      setTextareaValue(buildTestDonePrompt());
-      trySend();
+      sendGeneratedPrompt(buildTestDonePrompt());
     }));
 
     wrap.appendChild(btn);
@@ -639,9 +648,8 @@
     submitBtn.textContent = "➤ 发给 AI 帮我查";
     submitBtn.addEventListener("click", function () {
       if (!hasDebugInput()) return;
-      setTextareaValue(buildDebugPrompt());
       closeDebugModal();
-      trySend();
+      sendGeneratedPrompt(buildDebugPrompt());
     });
 
     function hasDebugInput() {
@@ -743,9 +751,8 @@
     submitBtn.textContent = "➤ 发给 AI 加提示";
     submitBtn.addEventListener("click", function () {
       if (!hasLogInput()) return;
-      setTextareaValue(buildLogPrompt());
       closeLogModal();
-      trySend();
+      sendGeneratedPrompt(buildLogPrompt());
     });
 
     function hasLogInput() {
@@ -1225,15 +1232,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.166",
+  "version": "1.1.168",
   "description": "",
   "main": "index.js",
   "bin": {

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/assets/scan_template.html

@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>作品扫描 - __SESSIONS_COUNT__ 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; }
+    .legend { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
+    .legend-item { padding: 4px 12px; border-radius: 6px; font-size: 0.85em; font-weight: 500; }
+    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: 10px 12px; border-bottom: 1px solid rgba(0,0,0,0.05); font-size: 0.92em; }
+    tr:hover { filter: brightness(0.96); }
+    .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: rgba(255,255,255,0.6);
+      transition: all 0.2s; display: inline-block;
+    }
+    .link:hover { background: #667eea; color: white; transform: translateY(-1px); }
+    .footer { text-align: center; margin-top: 24px; color: #718096; font-size: 0.85em; }
+    .export-bar {
+      position: sticky; bottom: 20px; margin-top: 20px;
+      background: white; border-radius: 12px; padding: 16px 24px;
+      box-shadow: 0 4px 20px rgba(0,0,0,0.12);
+      display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
+    }
+    .export-bar .count { font-weight: 600; color: #667eea; }
+    .btn {
+      background: #667eea; color: white; border: none; padding: 8px 20px;
+      border-radius: 8px; font-size: 0.95em; cursor: pointer; transition: all 0.2s;
+    }
+    .btn:hover { background: #5a67d8; transform: translateY(-1px); }
+    .btn:disabled { background: #cbd5e0; cursor: not-allowed; transform: none; }
+    input[type=checkbox] { width: 18px; height: 18px; cursor: pointer; }
+    .work-input {
+      width: 100%; max-width: 180px; padding: 4px 8px; border: 1px solid #e2e8f0;
+      border-radius: 6px; font-size: 0.85em; background: rgba(255,255,255,0.7);
+    }
+    .work-input:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 2px rgba(102,126,234,0.2); }
+    .work-input.saved { border-color: #48bb78; }
+  </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>__SESSIONS_COUNT__</strong> sessions</div>
+        <div class="stat"><strong>__TOTAL_PAIRS__</strong> conversation pairs</div>
+        <div class="stat"><strong>host:</strong> __HOST__</div>
+      </div>
+      <div class="legend">__LEGEND__</div>
+    </div>
+    <table>
+      <thead>
+        <tr>
+          <th><input type="checkbox" id="checkAll"></th>
+          <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>
+    <div class="export-bar">
+      <span>已选择 <span class="count" id="selectedCount">0</span> 个会话</span>
+      <button class="btn" id="exportBtn" disabled>导出所选数据</button>
+      <span style="color:#a0aec0;font-size:0.85em;">勾选后点击导出，复制到剪贴板</span>
+    </div>
+    <p class="footer">提示：相同颜色 = 同一项目。作品链接会自动保存到浏览器，刷新不丢失。</p>
+    <script>
+    var STORAGE_KEY = '___STORAGE_KEY___';
+
+    // --- Restore state on load ---
+    function loadState() {
+      try { return JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}'); }
+      catch(e) { return {}; }
+    }
+    function saveState(state) {
+      try { localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); }
+      catch(e) {}
+    }
+    var state = loadState();
+
+    // --- Checkbox: restore + persist ---
+    document.querySelectorAll('.row-check').forEach(function(cb) {
+      var sk = cb.dataset.session;
+      // restore checked
+      if (state[sk] && state[sk].checked) cb.checked = true;
+      // restore work_url
+      var input = cb.closest('tr').querySelector('.work-input');
+      if (input) {
+        if (state[sk] && state[sk].work) {
+          input.value = state[sk].work;
+          input.classList.add('saved');
+        }
+        // persist on edit
+        input.addEventListener('input', function() {
+          if (!state[sk]) state[sk] = {};
+          state[sk].work = input.value;
+          saveState(state);
+          input.classList.add('saved');
+        });
+        input.addEventListener('blur', function() {
+          input.classList.remove('saved');
+        });
+      }
+      // persist checkbox
+      cb.addEventListener('change', function() {
+        if (!state[sk]) state[sk] = {};
+        state[sk].checked = cb.checked;
+        saveState(state);
+        updateCount();
+      });
+    });
+
+    // --- Check all ---
+    var checkAll = document.getElementById('checkAll');
+    // restore checkAll based on all checked
+    function syncCheckAll() {
+      var cbs = document.querySelectorAll('.row-check');
+      var allChecked = Array.from(cbs).every(function(c) { return c.checked; });
+      checkAll.checked = cbs.length > 0 && allChecked;
+    }
+    checkAll.addEventListener('change', function() {
+      document.querySelectorAll('.row-check').forEach(function(cb) {
+        cb.checked = checkAll.checked;
+        var sk = cb.dataset.session;
+        if (!state[sk]) state[sk] = {};
+        state[sk].checked = cb.checked;
+      });
+      saveState(state);
+      updateCount();
+    });
+    syncCheckAll();
+
+    function updateCount() {
+      var checked = document.querySelectorAll('.row-check:checked');
+      document.getElementById('selectedCount').textContent = checked.length;
+      document.getElementById('exportBtn').disabled = checked.length === 0;
+    }
+    updateCount();
+
+    // --- Export: copy text to clipboard ---
+    document.getElementById('exportBtn').addEventListener('click', function() {
+      var checked = document.querySelectorAll('.row-check:checked');
+      var lines = [];
+      checked.forEach(function(cb, idx) {
+        var tr = cb.closest('tr');
+        var linkEl = tr.querySelector('.link');
+        var workEl = tr.querySelector('.work-input');
+        var workUrl = workEl ? workEl.value.trim() : '';
+        lines.push('编号' + (idx + 1) + '：');
+        lines.push('workspace名：' + cb.dataset.agent);
+        lines.push('session名：' + cb.dataset.name);
+        lines.push('对话链接：' + (linkEl ? linkEl.href : ''));
+        lines.push('作品链接：' + (workUrl || '暂无'));
+        lines.push('');
+      });
+      var text = lines.join('\n');
+      var ta = document.createElement('textarea');
+      ta.value = text;
+      ta.style.position = 'fixed';
+      ta.style.left = '-9999px';
+      document.body.appendChild(ta);
+      ta.select();
+      try {
+        document.execCommand('copy');
+        var btn = document.getElementById('exportBtn');
+        btn.textContent = '✅ 已复制 ' + checked.length + ' 条到剪贴板';
+        btn.style.background = '#48bb78';
+        setTimeout(function() {
+          btn.textContent = '导出所选数据';
+          btn.style.background = '';
+        }, 2000);
+      } catch(e) {
+        alert('复制失败，请手动复制：\n\n' + text);
+      }
+      document.body.removeChild(ta);
+    });
+    </script>
+  </div>
+</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>
@@ -35,6 +44,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))
 
@@ -196,14 +206,13 @@ 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'
     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"
+    return f"{agent_safe}_{name_safe}.js"
 
 
 def generate_js(conversations, session_key, first_ts, last_ts, output_path):
@@ -289,124 +298,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,7 +387,7 @@ 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_filename = build_filename(session_key)
     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}")
@@ -444,36 +405,59 @@ def process_one(url_or_key, output_dir, index):
     }
 
 
-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
+def generate_index_js(output_dir):
+    """Scan output_dir for all .js files, merge into index.js with full data."""
+    all_entries = []
+    all_data = {}
+
+    for fname in sorted(os.listdir(output_dir)):
+        if not fname.endswith('.js') or fname in ('index.js', 'chat_history.js'):
+            continue
+        fpath = os.path.join(output_dir, fname)
+        mtime = int(os.path.getmtime(fpath))
+        try:
+            with open(fpath, 'r', encoding='utf-8') as f:
+                fcontent = f.read()
+            m = re.search(r'const chatData = (\{.*\});?\s*$', fcontent, re.DOTALL)
+            if not m:
+                continue
+            data = json.loads(m.group(1))
+            sid = data.get('session_id', fname.replace('.js', ''))
+            all_data[sid] = data
+            all_entries.append({
+                'workspace_name': data.get('workspace_name', ''),
+                'session_name': data.get('session_name', ''),
+                'session_id': sid,
+                'js_file': fname,
+                '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', ''),
+                'mtime': mtime,
+            })
+        except Exception as ex:
+            print('  [WARN] Skip %s: %s' % (fname, ex))
+            continue
+
+    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)
 
-const chatIndex = {json.dumps(sessions, ensure_ascii=False, indent=2)};
-'''
     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 +472,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 +502,6 @@ def main():
     args = sys.argv[1:]
 
     host = detect_chat_host()
-    html_output = False
     scan_mode = False
     positional = []
 
@@ -554,9 +511,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 +534,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)
 
+    # Clean old JS + index.html before fresh extraction
+    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 +564,21 @@ def main():
         print("\nERROR: No sessions processed successfully.")
         sys.exit(1)
 
-    if len(results) > 1:
-        generate_index_js(results, output_dir)
+    # Always regenerate index.js by scanning directory
+    generate_index_js(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__':