@aiyiran/myclaw 1.1.170 → 1.1.171

package/CLAUDE.md

@@ -132,8 +132,8 @@ voice-output.js → voice-input.js → myclaw-tts.js
   ▼        ▼
 服务端（sync_workspace.py，本机 18800 / 远程经 nginx /sync）
   ├─ 按 workspace 自行算目录，写两个文件：
-  │     debug-data.js   ← 每次覆盖，window.__DEBUG_DATA__ = {规范化记录}（数据，喂渲染也给 AI 读）
-  │     debug-record.html ← 恒定壳，含 CSS + 前端渲染器，运行时加载 debug-data.js 渲染
+  │     __debug-data__.js   ← 每次覆盖，window.__DEBUG_DATA__ = {规范化记录}（数据，喂渲染也给 AI 读）
+  │     调试日志.html ← 恒定壳，含 CSS + 前端渲染器，运行时加载 __debug-data__.js 渲染
   ▼
 同步循环 → 上传 CDN → 可展示给学生
 ```
@@ -144,7 +144,7 @@ voice-output.js → voice-input.js → myclaw-tts.js
 |------|------|------|--------|
 | **probe**（采集侧） | `assets/debug-probe.js` | 在 iframe 内采集现场，`postMessage` 上报 | traceId、workspace、上传、判因 |
 | **collector**（接收侧） | `assets/debug-collector.js` | 父页面收事件、攒记录、关闭时提交 | probe 注入、AI 修复、HTML 模板 |
-| **server**（落库侧） | `server/debug_record.py` | 算目录、校验、normalize、写 debug-data.js + 恒定 HTML 壳 | 采集、CDN 上传（交给同步循环） |
+| **server**（落库侧） | `server/debug_record.py` | 算目录、校验、normalize、写 __debug-data__.js + 恒定 HTML 壳 | 采集、CDN 上传（交给同步循环） |
 | **renderer**（渲染侧） | HTML 壳内联 JS（`render_shell_html()` 里） | 读 `window.__DEBUG_DATA__`，渲染小结/线索/回放 | 数据清洗（服务端做） |
 
 ### 关键设计约束（改之前先读）
@@ -161,9 +161,9 @@ voice-output.js → voice-input.js → myclaw-tts.js
 5. **前端不传文件路径**。前端只传逻辑字段（claw / workspace / entryFile），**服务端自己算目录**。`claw` 不是路径层级，只用于跟本机 `CLAW_NAME` 校验防串写；真实路径是 `{openclaw_root}/{workspace}/debug/`。
 
 6. **数据/渲染分离，落盘两个文件**（固定文件名，每次覆盖）：
-   - `debug-data.js`：`window.__DEBUG_DATA__ = {...}`，唯一数据源（喂前端渲染 + 给 AI 直接读）。
-   - `debug-record.html`：**恒定壳**，内容不随数据变（哈希不变 → 同步不会反复当成更新）。壳内联 CSS + 渲染器 JS，运行时用 `debug-data.js?t=<时间戳>` 动态加载绕 CDN 缓存。
-   - ⚠️ 渲染逻辑（事件转写 / 错误解释 / 线索提取）现在在**前端 JS**（`render_shell_html()` 里），不在 Python。改文案/样式改这里，且因为壳恒定，AI 修 bug 应读 `debug-data.js` 而非 HTML。
+   - `__debug-data__.js`：`window.__DEBUG_DATA__ = {...}`，唯一数据源（喂前端渲染 + 给 AI 直接读）。
+   - `调试日志.html`：**恒定壳**，内容不随数据变（哈希不变 → 同步不会反复当成更新）。壳内联 CSS + 渲染器 JS，运行时用 `__debug-data__.js?t=<时间戳>` 动态加载绕 CDN 缓存。
+   - ⚠️ 渲染逻辑（事件转写 / 错误解释 / 线索提取）现在在**前端 JS**（`render_shell_html()` 里），不在 Python。改文案/样式改这里，且因为壳恒定，AI 修 bug 应读 `__debug-data__.js` 而非 HTML。
 
 ### 接口
 
@@ -192,4 +192,4 @@ voice-output.js → voice-input.js → myclaw-tts.js
 ### 已知待办
 
 - 整链路端到端实测（单测已过，未在真实 gateway + 同步进程跑通）。
-- `{workspace}/debug/debug-record.html` 会进 `__MY_ARTIFACTS__.json` 作品列表，是否需要从列表过滤、改走专门入口，待定。
+- `{workspace}/debug/调试日志.html` 会进 `__MY_ARTIFACTS__.json` 作品列表，是否需要从列表过滤、改走专门入口，待定。

package/assets/myclaw-artifacts.js

@@ -424,6 +424,7 @@
       '__teacher__.json',
       '__teacher-view__.html',
       '__任务__.html',
+      '__debug-data__.js',
       'USER.md',
       'TOOLS.md',
       'SOUL.md',

package/assets/myclaw-inject.js

@@ -325,34 +325,20 @@
 
   // ═══ 3. Debug 按钮 ═══
 
-  function buildTestDonePrompt() {
-    var rec = window.myclawLastDebugRecord;
+  function buildTestDonePrompt(keepLogs) {
     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("请你读取调试数据文件 debug/__debug-data__.js，它是一行 `window.__DEBUG_DATA__ = {...}` 的赋值，里面的 events 数组就是完整运行现场。");
 
     lines.push("");
     lines.push("请帮我判断：我们之前的问题是否已经修复。");
     lines.push("如果已经修复，请简单说明你从 events 里看到了什么证据。");
     lines.push("如果还没有修复，请指出 events 里最关键的问题，并建议下一步最小修改。");
+    if (keepLogs) {
+      lines.push("请保留现有调试日志，不要删除或精简这些 console.log，后面还要继续观察。");
+    } else {
+      lines.push("如果你确认问题已经修复，请把为了调试临时添加的 console.log / 运行提示清理掉；如果还没修复，请先保留必要日志。");
+    }
 
     return lines.join("\n");
   }
@@ -387,9 +373,7 @@
 
     menu.appendChild(makeItem("查报错", showDebugModal));
     menu.appendChild(makeItem("加日志", showLogModal));
-    menu.appendChild(makeItem("看结果", function () {
-      sendGeneratedPrompt(buildTestDonePrompt());
-    }));
+    menu.appendChild(makeItem("看结果", showTestDoneModal));
 
     wrap.appendChild(btn);
     wrap.appendChild(menu);
@@ -417,6 +401,11 @@
     if (modal) modal.remove();
   }
 
+  function closeTestDoneModal() {
+    var modal = document.getElementById("myclaw-test-done-modal");
+    if (modal) modal.remove();
+  }
+
   function makeDebugLabel(text) {
     var label = document.createElement("div");
     label.textContent = text;
@@ -571,30 +560,16 @@
     var state = { description: "" };
 
     function buildDebugPrompt() {
-      var rec = window.myclawLastDebugRecord;
       var lines = [];
 
-      // 调试数据现在落在 debug-data.js（window.__DEBUG_DATA__ = {...}），
-      // 与 debug-record.html 同目录。AI 直接读这个数据文件即可，不用读 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);
-        lines.push("");
-      }
-
+      lines.push("调试数据文件：debug/__debug-data__.js");
+      lines.push("");
       lines.push("学生描述：" + (state.description || "（未填写）"));
       lines.push("");
       lines.push("请从学生描述里提取：我做了什么、发生了什么、我的预期是什么。");
       lines.push("");
       lines.push("如何阅读调试数据（按下面抓重点，别东翻西找）：");
-      lines.push("1. 读上面的调试数据文件 debug-data.js，它是一行 `window.__DEBUG_DATA__ = {...}` 的赋值，里面的 events 数组就是完整运行现场。（不要去读同目录的 debug-record.html，那只是给人看的渲染壳。）");
+      lines.push("1. 读调试数据文件 debug/__debug-data__.js，它是一行 `window.__DEBUG_DATA__ = {...}` 的赋值，里面的 events 数组就是完整运行现场。");
       lines.push("2. 先在 events 里找 runtime-error / unhandledrejection / 以及 payload.level 为 error 的 console 事件，它们是问题的起点。");
       lines.push("3. 抓住报错事件的 message、stack、filename、lineno——直接定位到源码里出错的那个函数/那几行，只看相关代码段，不要通读整个作品文件。");
       lines.push("4. 再倒着看报错之前的 page-enter / click / keydown / console，还原“做了什么 → 触发了什么”的因果链，确认重现路径。");
@@ -691,15 +666,13 @@
 
     function buildLogPrompt() {
       var lines = [];
-      lines.push("我需要你帮我添加一些调试信息，我希望调试信息非常清晰、全面。");
-      lines.push("我正在解决的问题是关于：" + state.problem);
+      lines.push("目前的信息如下：debug/__debug-data__.js");
+      lines.push("我要解决一个问题：" + state.problem);
       lines.push("");
-      lines.push("这些调试信息后续会给到你，用来帮我继续解决问题。");
-      lines.push("");
-      lines.push("请只添加调试信息，不要顺手修改功能逻辑。");
       lines.push("请优先添加 console.log，文字要清楚，适合小学生看懂。");
       lines.push("请在关键步骤都加上信息，比如：有没有点到、进入了哪一步、重要变量现在是多少、为什么没有继续。");
-      lines.push("改完后告诉我：你在哪些地方加了提示、每条提示能帮我看出什么。");
+      lines.push("");
+      lines.push("另外，你帮我看一下，如果你能直接找到原因就先尝试修复一下。如果不容易找到，就仅仅加日志。但是，日志一定要加。");
       return lines.join("\n");
     }
 
@@ -787,6 +760,61 @@
     problemField.focus();
   }
 
+  function showTestDoneModal() {
+    if (document.getElementById("myclaw-test-done-modal")) return;
+
+    var overlay = document.createElement("div");
+    overlay.id = "myclaw-test-done-modal";
+
+    var box = document.createElement("div");
+    box.className = "myclaw-debug-box myclaw-test-done-box";
+
+    var header = document.createElement("div");
+    header.className = "myclaw-debug-header myclaw-test-done-header";
+    header.innerHTML = "<span>✅ 看测试结果</span>";
+    var closeX = document.createElement("span");
+    closeX.textContent = "✕";
+    closeX.className = "myclaw-debug-close";
+    closeX.onclick = function () { closeTestDoneModal(); };
+    header.appendChild(closeX);
+
+    var body = document.createElement("div");
+    body.className = "myclaw-test-done-body";
+    body.textContent = "让 AI 看刚才的测试日志，并判断问题有没有修好。";
+
+    var footer = document.createElement("div");
+    footer.className = "myclaw-test-done-actions";
+
+    function makeAction(text, className, keepLogs) {
+      var btn = document.createElement("button");
+      btn.type = "button";
+      btn.className = className;
+      btn.textContent = text;
+      btn.addEventListener("click", function () {
+        closeTestDoneModal();
+        sendGeneratedPrompt(buildTestDonePrompt(keepLogs));
+      });
+      return btn;
+    }
+
+    var keepBtn = makeAction("检查并保留日志", "myclaw-test-done-keep", true);
+    var cleanBtn = makeAction("检查并去掉日志", "myclaw-test-done-clean", false);
+    var cancelBtn = document.createElement("button");
+    cancelBtn.type = "button";
+    cancelBtn.className = "myclaw-test-done-cancel";
+    cancelBtn.textContent = "取消";
+    cancelBtn.addEventListener("click", function () { closeTestDoneModal(); });
+
+    footer.appendChild(keepBtn);
+    footer.appendChild(cleanBtn);
+    footer.appendChild(cancelBtn);
+    box.appendChild(header);
+    box.appendChild(body);
+    box.appendChild(footer);
+    overlay.appendChild(box);
+    document.body.appendChild(overlay);
+  }
+
   // ═══ 3.1 Prompt 小助手按钮（实现见 myclaw-iteration.js） ═══
 
   function createPromptButton() {
@@ -1109,7 +1137,7 @@ btn.addEventListener("click", function () {
       "  to { opacity: 1; }",
       "}",
       /* Debug 提交弹框 */
-      "#myclaw-debug-modal, #myclaw-log-modal {",
+      "#myclaw-debug-modal, #myclaw-log-modal, #myclaw-test-done-modal {",
       "  position: fixed; inset: 0; z-index: 99999;",
       "  background: rgba(0,0,0,0.45);",
       "  display: flex; align-items: center; justify-content: center;",
@@ -1131,6 +1159,9 @@ btn.addEventListener("click", function () {
       ".myclaw-log-header {",
       "  background: linear-gradient(135deg,#0ea5e9,#6366f1);",
       "}",
+      ".myclaw-test-done-header {",
+      "  background: linear-gradient(135deg,#10b981,#14b8a6);",
+      "}",
       ".myclaw-debug-close {",
       "  cursor: pointer; padding: 2px 8px; border-radius: 4px; font-size: 15px;",
       "}",
@@ -1173,6 +1204,26 @@ btn.addEventListener("click", function () {
       ".myclaw-debug-submit:disabled {",
       "  cursor: not-allowed;",
       "}",
+      ".myclaw-test-done-box { width: 460px; }",
+      ".myclaw-test-done-body {",
+      "  padding: 20px; color: #cdd6f4; font-size: 14px;",
+      "  line-height: 1.7; font-family: -apple-system,sans-serif;",
+      "}",
+      ".myclaw-test-done-actions {",
+      "  display: flex; flex-direction: column; gap: 10px;",
+      "  padding: 0 20px 20px;",
+      "}",
+      ".myclaw-test-done-actions button {",
+      "  padding: 11px 12px; border: none; border-radius: 8px;",
+      "  color: #fff; font-size: 14px; font-weight: bold;",
+      "  font-family: -apple-system,sans-serif; cursor: pointer;",
+      "}",
+      ".myclaw-test-done-keep { background: #10b981; }",
+      ".myclaw-test-done-clean { background: #6366f1; }",
+      ".myclaw-test-done-cancel { background: #3d3d5c; color: #cdd6f4 !important; }",
+      ".myclaw-test-done-keep:hover { background: #059669; }",
+      ".myclaw-test-done-clean:hover { background: #4f46e5; }",
+      ".myclaw-test-done-cancel:hover { background: #4b4b6a; }",
     ].join("\n");
     document.head.appendChild(style);
   }

package/package.json

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

package/server/debug_record.py

@@ -5,20 +5,20 @@ debug_record.py
 把前端收集到的 currentDebugRecord 落盘成两个文件，供学生/老师/AI 查看。
 
 【架构：数据与渲染分离】
-- debug-data.js   —— 每次覆盖写。内容是 `window.__DEBUG_DATA__ = {规范化后的记录}`。
+- __debug-data__.js   —— 每次覆盖写。内容是 `window.__DEBUG_DATA__ = {规范化后的记录}`。
                      这是**唯一数据源**：既喂前端渲染，也给 AI 直接读。
-- debug-record.html —— 恒定的“壳”。包含 CSS + 前端渲染器 JS，运行时动态加载
-                     debug-data.js 并渲染。内容不随数据变化，因此同步循环不会
+- 调试日志.html —— 恒定的“壳”。包含 CSS + 前端渲染器 JS，运行时动态加载
+                     __debug-data__.js 并渲染。内容不随数据变化，因此同步循环不会
                      反复把它当成“更新”重传。
 
 为什么这么拆：
 1. HTML 壳恒定 → 哈希不变 → 不再被同步误判为更新（根除循环上传问题）。
-2. AI 读的是纯数据 debug-data.js，信噪比高，不掺样式。
+2. AI 读的是纯数据 __debug-data__.js，信噪比高，不掺样式。
 3. 渲染逻辑在前端，改样式不用动 Python、不用重启同步进程。
 
 服务端职责（本文件）：
 - 接收 / 校验 / normalize 记录
-- 写出 debug-data.js 和 debug-record.html
+- 写出 __debug-data__.js 和 调试日志.html
 渲染职责（前端，在 HTML 壳的内联 JS 里）：
 - 读 window.__DEBUG_DATA__，渲染小结 / 线索 / 运行回放 / 原始数据
 
@@ -65,7 +65,7 @@ ERROR_EVENT_TYPES = {
 
 
 # =============================================================================
-# 2. 保存层：写 debug-data.js + 恒定的 debug-record.html 壳
+# 2. 保存层：写 __debug-data__.js + 恒定的 调试日志.html 壳
 # =============================================================================
 
 
@@ -74,8 +74,8 @@ def save_debug_record(record: Dict[str, Any], debug_dir: Path) -> Dict[str, str]
     落盘调试记录。
 
     写两个文件：
-    - debug-data.js     每次覆盖，内容 = window.__DEBUG_DATA__ = {normalized record}
-    - debug-record.html 恒定壳（内容不变），负责加载并渲染上面的数据
+    - __debug-data__.js     每次覆盖，内容 = window.__DEBUG_DATA__ = {normalized record}
+    - 调试日志.html 恒定壳（内容不变），负责加载并渲染上面的数据
     """
     debug_dir.mkdir(parents=True, exist_ok=True)
 
@@ -83,12 +83,12 @@ def save_debug_record(record: Dict[str, Any], debug_dir: Path) -> Dict[str, str]
 
     # 数据文件：每次覆盖
     data_js = "window.__DEBUG_DATA__ = " + safe_json_for_js(normalized_record) + ";\n"
-    data_path = debug_dir / "debug-data.js"
+    data_path = debug_dir / "__debug-data__.js"
     write_text_atomic(data_path, data_js)
 
     # HTML 壳：内容恒定（不含数据）。每次都写没关系——内容一致，
     # 基于内容哈希的同步不会把它当成变更重传。
-    html_path = debug_dir / "debug-record.html"
+    html_path = debug_dir / "调试日志.html"
     write_text_atomic(html_path, render_shell_html())
 
     return {"html_path": str(html_path), "data_path": str(data_path)}
@@ -181,7 +181,7 @@ def handle_save_request(body: Dict[str, Any], openclaw_root: str, server_claw: s
     paths = save_debug_record(body, debug_dir)
 
     cdn_base = f"https://cdn.yiranlaoshi.com/{claw}"
-    debug_record_url = f"{cdn_base}/{workspace}/debug/debug-record.html"
+    debug_record_url = f"{cdn_base}/{workspace}/debug/调试日志.html"
 
     record = normalize_record(body)
 
@@ -206,7 +206,7 @@ def assert_safe_id(value: str, field_name: str) -> None:
 
 
 # =============================================================================
-# 4. record / event 规范化（数据清洗留在服务端，输出进 debug-data.js）
+# 4. record / event 规范化（数据清洗留在服务端，输出进 __debug-data__.js）
 # =============================================================================
 
 
@@ -391,7 +391,7 @@ def safe_json_for_js(value: Any) -> str:
 # 这个函数返回的内容**不随数据变化**，是纯静态的“壳”：
 #   - <style> 页面样式
 #   - 前端渲染器 JS（事件转写 / 错误解释 / 线索提取 / DOM 渲染）
-#   - 运行时动态加载 debug-data.js?t=<时间戳> 绕开 CDN 缓存
+#   - 运行时动态加载 __debug-data__.js?t=<时间戳> 绕开 CDN 缓存
 # 渲染逻辑是从原 Python 函数（format_replay_event / simplify_error_message /
 # extract_clues / render_*）逐一移植过来的 JS 版本。
 #
@@ -719,13 +719,13 @@ def render_shell_html() -> str:
 
     // 动态加载数据，带时间戳绕开 CDN 缓存（壳恒定，数据每次新）
     var s = document.createElement("script");
-    s.src = "debug-data.js?t=" + Date.now();
+    s.src = "__debug-data__.js?t=" + Date.now();
     s.onload = function () {
       try { render(window.__DEBUG_DATA__); }
       catch (e) { document.getElementById("dynamic").textContent = "渲染失败：" + (e && e.message); }
     };
     s.onerror = function () {
-      document.getElementById("dynamic").textContent = "调试数据加载失败（debug-data.js）";
+      document.getElementById("dynamic").textContent = "调试数据加载失败（__debug-data__.js）";
     };
     document.head.appendChild(s);
   })();

package/server/sync_workspace.py

@@ -477,8 +477,8 @@ def _put_file_to_qiniu(token, key, abs_path):
     """统一上传入口。HTML 文件注入 probe 后以字节上传；其余走原始文件上传。"""
     ext = os.path.splitext(abs_path)[1].lower()
     if ext in (".html", ".htm"):
-        # debug-record.html 是展示壳，不是学生作品，跳过 probe 注入
-        if os.path.basename(abs_path) != "debug-record.html":
+        # 调试日志.html 是展示壳，不是学生作品，跳过 probe 注入
+        if os.path.basename(abs_path) != "调试日志.html":
             with open(abs_path, "rb") as f:
                 data = inject_probe_into_html(f.read())
             return put_data(token, key, data, mime_type="text/html")