@wendongfly/myhi 1.3.53 → 1.3.55

package/dist/builtin-skills/e2e.md

@@ -0,0 +1,14 @@
+# E2E 端到端测试（Playwright）
+
+使用 Playwright 对指定功能或页面进行自动化端到端测试。
+
+执行步骤：
+1. 确认 Playwright 已安装，若未安装先完成安装（检查 @playwright/test + 浏览器）
+2. 了解测试目标：应用 URL、模块名称、核心用户流程
+3. 分析页面结构（优先用 getByRole / getByLabel / getByText 定位，避免脆弱 CSS 选择器）
+4. 编写测试用例，覆盖：主流程（happy path）+ 关键边界（表单校验、权限拦截、空状态）
+5. 运行测试：npx playwright test --reporter=list
+6. 失败时：查看截图和 trace，分析根因，修复后重跑
+7. 输出测试报告：通过/失败数量 + 覆盖的功能点列表
+
+目标模块或说明：$ARGUMENTS

package/dist/builtin-skills/pw-install.md

@@ -0,0 +1,14 @@
+# 检查并安装 Playwright
+
+检测当前项目的 Playwright 安装状态，按需完成安装和配置。
+
+执行步骤：
+1. 识别包管理器（检查 pnpm-lock.yaml / yarn.lock / package-lock.json）
+2. 检查 `@playwright/test` 是否已在 devDependencies 中
+3. 若未安装：用检测到的包管理器安装 `@playwright/test`
+4. 检查浏览器：运行 `npx playwright install --dry-run`，若缺少则安装 chromium
+5. 检查是否有 `playwright.config.{ts,js}`，若无则根据项目框架（Vite/Next/Nuxt 等）生成合适的配置
+6. 验证安装：运行一个最简示例测试确认环境正常
+7. 输出可用的测试命令清单
+
+$ARGUMENTS

package/dist/builtin-skills/seed.md

@@ -0,0 +1,21 @@
+# 插入拟真测试数据
+
+通过 Playwright UI 操作或直接 API 调用，为指定模块批量写入符合真实场景的测试数据。
+
+数据生成规范（中国用户习惯）：
+- 姓名：常用汉字姓氏 + 名（2-3字，自然感强）
+- 手机：1xx 开头，用 130-139 / 150-159 / 180-189 等真实号段
+- 邮箱：拼音+数字 @ qq.com / 163.com / gmail.com
+- 地址：省市区+街道+门牌，层级完整真实
+- 身份证：区域码正确+真实生日+合法顺序码（仅测试用途）
+- 金额：符合业务量级（几十到几千元，非整数）
+- 日期：最近 1 年内随机，格式与系统保持一致
+
+执行步骤：
+1. 分析目标模块的字段要求（查看表单 / API 接口 / 数据库 schema）
+2. 生成 15-20 条完整拟真记录（多样性：不同年龄段、城市、金额区间）
+3. 选择最高效写入方式：API 直调（首选）→ Playwright UI 填表 → 直接 SQL
+4. 批量执行写入，遇错记录并继续（不中断整批）
+5. 验证：查询条数与关键字段，确认数据已成功入库
+
+目标模块：$ARGUMENTS

package/dist/chat.html

@@ -350,6 +350,7 @@
       <button class="sk sk-claude" onclick="openGitSheet()" style="color:#3fb950">提交</button>
       <button class="sk sk-claude" onclick="showMemory()">记忆</button>
       <button class="sk sk-claude" onclick="openSkillSheet()" style="color:#9d5cf5">技能</button>
+      <span id="sk-builtin-skills"></span>
       <span id="sk-custom-skills"></span>
     </div>
   </div>
@@ -664,7 +665,12 @@
     let outputBuffer = '';
     let outputTimer = null;
     const OUTPUT_DELAY = 600; // 输出合并延迟(ms)，越大越少DOM操作
-    const MAX_MESSAGES = 150; // 聊天区最大消息数
+    const MAX_MESSAGES = 500; // 聊天区最大消息数；用户主动向上翻历史时临时禁用 trim
+    // 历史分页加载（jsonl 是真相源；500 内存上限和 150 DOM 上限都不够长会话回顾）
+    let _historyOffset = 0;       // 已加载的最老消息距最新的偏移（含初次 agent:history 回放的）
+    let _historyHasMore = true;   // 后端还有更老消息
+    let _historyLoading = false;  // 防抖锁
+    let _userScrolledUp = false;  // 用户已主动往上翻 → 关掉 trim 防被自动删
 
     // 命令历史
     const cmdHistory = [];
@@ -1442,6 +1448,11 @@
       chatArea.innerHTML = '';
       endStream(); endToolGroup(); removeThinking();
 
+      // 重置历史分页状态：从最新一批开始算偏移
+      _historyOffset = history.length;
+      _historyHasMore = true;
+      _userScrolledUp = false;
+
       for (const msg of history) {
         endStream(); // 每条历史消息都是独立的，不要流式合并
         if (msg.type === 'user' && msg.content) {
@@ -1489,6 +1500,96 @@
       scrollToBottom();
     });
 
+    // ── 历史分页：向上滚动到顶部触发加载更老批次 ──
+    async function loadOlderHistory() {
+      if (_historyLoading || !_historyHasMore) return;
+      _historyLoading = true;
+      // 顶部插入"加载中"提示
+      const indicator = document.createElement('div');
+      indicator.className = 'msg msg-status';
+      indicator.id = '_hist_loading_indicator';
+      indicator.textContent = '— 加载更早的历史… —';
+      chatArea.insertBefore(indicator, chatArea.firstChild);
+      // 记录滚动锚点（保持视觉位置）
+      const prevScrollHeight = chatArea.scrollHeight;
+      const prevScrollTop = chatArea.scrollTop;
+      try {
+        const r = await fetch(`/api/agent/history/${SESSION_ID}?offset=${_historyOffset}&limit=50`);
+        const d = await r.json();
+        indicator.remove();
+        if (!d.ok || !d.messages?.length) {
+          _historyHasMore = false;
+          const end = document.createElement('div');
+          end.className = 'msg msg-status';
+          end.textContent = '— 已到最早 —';
+          chatArea.insertBefore(end, chatArea.firstChild);
+          return;
+        }
+        // 准备 fragment，按 history 渲染逻辑创建 DOM，然后整体 prepend
+        const frag = document.createDocumentFragment();
+        for (const msg of d.messages) {
+          if (msg.type === 'user' && msg.content) {
+            const el = document.createElement('div');
+            el.className = 'msg msg-input';
+            el.innerHTML = `<div><div class="bubble">${escHtml(msg.content)}</div><div class="meta">${msg.timestamp ? new Date(msg.timestamp).toLocaleString('zh-CN') : ''}</div></div>`;
+            frag.appendChild(el);
+          } else if (msg.type === 'assistant' && msg.message?.content) {
+            const texts = [], tools = [];
+            for (const block of msg.message.content) {
+              if (block.type === 'text' && block.text) texts.push(block.text);
+              else if (block.type === 'tool_use') tools.push({ name: block.name || '工具', input: block.input || {} });
+            }
+            if (texts.length) {
+              const el = document.createElement('div');
+              el.className = 'msg msg-assistant';
+              const content = document.createElement('div');
+              content.className = 'content';
+              content.innerHTML = renderMarkdown(texts.join('\n\n'));
+              el.appendChild(content);
+              frag.appendChild(el);
+            }
+            // 历史里工具卡简化为状态行：用户翻历史主要看对话文本，不需要交互
+            for (const t of tools) {
+              const el = document.createElement('div');
+              el.className = 'msg msg-status';
+              el.textContent = '— 🔧 ' + t.name + ' —';
+              frag.appendChild(el);
+            }
+          } else if (msg.type === 'result') {
+            const el = document.createElement('div');
+            el.className = 'msg msg-status';
+            const cost = msg.total_cost_usd ? ` ($${msg.total_cost_usd.toFixed(4)})` : '';
+            el.textContent = '— 完成' + cost + ' —';
+            frag.appendChild(el);
+          }
+        }
+        chatArea.insertBefore(frag, chatArea.firstChild);
+        _historyOffset += d.messages.length;
+        _historyHasMore = d.hasMore;
+        // 保持滚动位置：新内容在顶部插入后，scrollTop 加上新增高度
+        chatArea.scrollTop = prevScrollTop + (chatArea.scrollHeight - prevScrollHeight);
+      } catch (e) {
+        indicator.textContent = '— 加载失败: ' + e.message + ' —';
+        setTimeout(() => indicator.remove(), 3000);
+      } finally {
+        _historyLoading = false;
+      }
+    }
+
+    chatArea.addEventListener('scroll', () => {
+      // 用户主动往上翻 → 禁用自动 trim，避免被删
+      if (chatArea.scrollTop < chatArea.scrollHeight - chatArea.clientHeight - 100) {
+        _userScrolledUp = true;
+      } else if (chatArea.scrollTop > chatArea.scrollHeight - chatArea.clientHeight - 20) {
+        // 回到接近底部 → 恢复 trim
+        _userScrolledUp = false;
+      }
+      // 接近顶部 100px → 拉更老历史
+      if (chatArea.scrollTop < 100 && _historyHasMore && !_historyLoading) {
+        loadOlderHistory();
+      }
+    });
+
     socket.on('agent:busy', (busy) => {
       if (busy) { showThinking(); setWorkState('thinking'); }
       else { removeThinking(); setWorkState('idle'); }
@@ -1952,6 +2053,7 @@
     window.goBack = function() { window.location.href = '/'; };
     function scrollToBottom() { requestAnimationFrame(() => { chatArea.scrollTop = chatArea.scrollHeight; }); }
     function trimMessages() {
+      if (_userScrolledUp) return; // 用户在往上翻历史，禁用自动删
       const msgs = chatArea.querySelectorAll('.msg');
       if (msgs.length > MAX_MESSAGES) {
         const remove = msgs.length - MAX_MESSAGES;
@@ -2302,16 +2404,23 @@
       try {
         const resp = await fetch(`/api/skills?sessionId=${SESSION_ID}`);
         const data = await resp.json();
-        const container = document.getElementById('sk-custom-skills');
         _customSkills = data.skills || [];
-        if (!_customSkills.length) { container.innerHTML = ''; return; }
-        // ≤3 个：直接显示按钮；>3 个：显示 "/命令 (N)" 入口
-        if (_customSkills.length <= 3) {
-          container.innerHTML = _customSkills.map(s =>
+        const builtins = _customSkills.filter(s => s.source === 'builtin');
+        const customs = _customSkills.filter(s => s.source !== 'builtin');
+        // 内置技能：始终逐个显示（青绿色）
+        const builtinEl = document.getElementById('sk-builtin-skills');
+        builtinEl.innerHTML = builtins.map(s =>
+          `<button class="sk sk-claude" onclick="runSkill('${escHtml(s.name)}')" title="${escHtml(s.desc)}" style="color:#26a69a">/${escHtml(s.name)}</button>`
+        ).join('');
+        // 用户/项目技能：≤3 显示按钮；>3 折叠
+        const customEl = document.getElementById('sk-custom-skills');
+        if (!customs.length) { customEl.innerHTML = ''; return; }
+        if (customs.length <= 3) {
+          customEl.innerHTML = customs.map(s =>
             `<button class="sk sk-claude" onclick="runSkill('${escHtml(s.name)}')" title="${escHtml(s.desc)}" style="color:#9d5cf5">/${escHtml(s.name)}</button>`
           ).join('');
         } else {
-          container.innerHTML = `<button class="sk sk-claude" onclick="openCmdSheet()" style="color:#9d5cf5">/命令 (${_customSkills.length})</button>`;
+          customEl.innerHTML = `<button class="sk sk-claude" onclick="openCmdSheet()" style="color:#9d5cf5">/命令 (${customs.length})</button>`;
         }
       } catch {}
     }
@@ -2343,15 +2452,33 @@
       document.getElementById('skill-run-sheet').classList.remove('open');
       _pendingSkillName = null;
     };
-    window.submitSkillRun = function() {
+    window.submitSkillRun = async function() {
       if (!_pendingSkillName) return;
       const args = document.getElementById('skill-run-input').value.trim();
       const name = _pendingSkillName;
+      const skill = _customSkills.find(s => s.name === name);
       closeSkillRunSheet();
       if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
-      const cmd = args ? `/${name} ${args}` : `/${name}`;
-      socket.emit('agent:query', { prompt: cmd });
-      addInputMessage(cmd);
+      const displayCmd = args ? `/${name} ${args}` : `/${name}`;
+      if (skill?.source === 'builtin') {
+        // 内置技能不在 .claude/commands/ 里，需拉取内容后直接发送为 prompt
+        try {
+          const resp = await fetch(`/api/skills/content?name=${encodeURIComponent(name)}&sessionId=${SESSION_ID}`);
+          const data = await resp.json();
+          let prompt = data.content || displayCmd;
+          if (args) {
+            prompt = prompt.replace(/\$ARGUMENTS/g, args);
+          } else {
+            prompt = prompt.replace(/[^\n]*\$ARGUMENTS[^\n]*/g, '').replace(/\n{3,}/g, '\n\n').trim();
+          }
+          socket.emit('agent:query', { prompt });
+        } catch {
+          socket.emit('agent:query', { prompt: displayCmd });
+        }
+      } else {
+        socket.emit('agent:query', { prompt: displayCmd });
+      }
+      addInputMessage(displayCmd);
       showThinking();
     };
     window.openCmdSheet = function() {
@@ -2361,8 +2488,9 @@
       filterInp.value = '';
       const render = (keyword = '') => {
         const kw = keyword.toLowerCase();
+        // 命令面板只列用户/项目技能（内置技能始终在快捷栏直接显示）
         const filtered = _customSkills.filter(s =>
-          !kw || s.name.toLowerCase().includes(kw) || (s.desc || '').toLowerCase().includes(kw));
+          s.source !== 'builtin' && (!kw || s.name.toLowerCase().includes(kw) || (s.desc || '').toLowerCase().includes(kw)));
         listEl.innerHTML = filtered.length
           ? filtered.map(s => `<div class="action-sheet-item" onclick="runSkillAndClose('${escHtml(s.name)}')">
               <div><div style="color:#d2a8ff">/${escHtml(s.name)}</div>${s.desc ? `<div class="desc">${escHtml(s.desc)}</div>` : ''}</div>
@@ -2404,11 +2532,12 @@
       try {
         const resp = await fetch(`/api/skills?sessionId=${SESSION_ID}&detail=1`);
         const data = await resp.json();
-        if (!data.skills || !data.skills.length) {
+        const editable = (data.skills || []).filter(s => s.source !== 'builtin');
+        if (!editable.length) {
           listEl.innerHTML = '<div style="text-align:center;color:#8b949e;padding:2rem 0">暂无技能，点击右上角 + 新建</div>';
           return;
         }
-        listEl.innerHTML = data.skills.map(s => `
+        listEl.innerHTML = editable.map(s => `
           <div class="action-sheet-item" style="gap:0.5rem">
             <div style="min-width:0;flex:1;cursor:pointer" onclick="editSkill('${escHtml(s.name)}','${escHtml(s.source)}')">
               <div style="color:#9d5cf5;font-weight:500">/${escHtml(s.name)}</div>