@aiyiran/myclaw 1.1.156 → 1.1.160

package/assets/debug-collector.js

@@ -120,54 +120,14 @@ function appendDebugEvent(probeEvent) {
 }
 
 /**
- * 控制日志长度，避免无限膨胀。
+ * 控制日志长度。
  *
- * 关键约束：作品可能在循环里疯狂打 console.log（每帧几十条），若简单地"保留
- * 最近 N 条"，会让 console 噪音把 page-enter / 点击 / 按键 / 报错等关键事件
- * 全部挤掉。所以这里分两档：
- *   - 关键事件（导航 / 交互 / 各类报错）优先全量保留；
- *   - console 只保留最近一批，给它单独的配额。
+ * 【当前阶段：全量，不做任何丢弃/折叠】
+ * 先采集完整真实的数据流以便观察。待看清真实形态后，再实现
+ * "错误锚点 + 重复折叠 + 丢弃留痕"的精简策略（届时恢复本函数）。
  */
 function trimDebugEvents(events) {
-    if (events.length <= MAX_EVENTS) {
-        return;
-    }
-
-    const KEY_TYPES = new Set([
-        "probe-ready",
-        "page-enter",
-        "click",
-        "keydown",
-        "runtime-error",
-        "unhandledrejection",
-        "resource-error",
-        "console-truncated"
-    ]);
-
-    const keyEvents = events.filter((event) => KEY_TYPES.has(event.type));
-    const consoleEvents = events.filter((event) => !KEY_TYPES.has(event.type));
-
-    // console 配额 = 总上限减去关键事件占用，至少留一部分给 console。
-    const consoleQuota = Math.max(0, MAX_EVENTS - keyEvents.length);
-    const keptConsole = consoleEvents.slice(-consoleQuota);
-
-    // 合并后按 seq 还原时间顺序，再做去重。
-    const merged = [...keyEvents, ...keptConsole].sort(
-        (a, b) => (a.seq || 0) - (b.seq || 0)
-    );
-
-    const seen = new Set();
-    const deduped = [];
-
-    for (const event of merged) {
-        const key = event.seq || `${event.type}-${event.time}-${event.pageUrl}`;
-        if (seen.has(key)) continue;
-        seen.add(key);
-        deduped.push(event);
-    }
-
-    events.length = 0;
-    events.push(...deduped.slice(-MAX_EVENTS));
+    return;
 }
 
 /**

package/assets/debug-probe.js

@@ -19,18 +19,11 @@
 
   window.__OPENCLAW_DEBUG_PROBE_INSTALLED__ = true;
 
-  const PROBE_VERSION = "probe_004";
+  const PROBE_VERSION = "probe_005";
   const MAX_TEXT_LENGTH = 1000;
   const MAX_STACK_LENGTH = 3000;
   const MAX_ELEMENT_TEXT_LENGTH = 80;
 
-  // console 上报限流：作品可能在循环里疯狂打 log，无节制上报会刷爆父页面
-  // 的事件缓冲、把 page-enter / error 等关键事件挤掉。超过上限后停止上报
-  // console（其它类型不受影响），并补一条截断提示。
-  const MAX_CONSOLE_EVENTS = 100;
-  let _consoleEventCount = 0;
-  let _consoleTruncatedNotified = false;
-
   function now() {
     return new Date().toISOString();
   }
@@ -229,22 +222,11 @@
           original.apply(console, args);
         } catch (error) {}
 
-        // error 级别始终上报（数量少且关键）；log/warn 受限流约束。
-        if (level !== "error" && _consoleEventCount >= MAX_CONSOLE_EVENTS) {
-          if (!_consoleTruncatedNotified) {
-            _consoleTruncatedNotified = true;
-            sendEvent("console-truncated", { limit: MAX_CONSOLE_EVENTS });
-          }
-          return;
-        }
-
         try {
           const stringArgs = args.map(function (arg) {
             return truncate(safeStringify(arg), MAX_TEXT_LENGTH);
           });
 
-          if (level !== "error") _consoleEventCount++;
-
           sendEvent("console", {
             level,
             message: truncate(stringArgs.join(" "), MAX_TEXT_LENGTH),

package/assets/myclaw-inject.js

@@ -315,61 +315,66 @@
 
   // ═══ 3. Debug 按钮 ═══
 
-  function createDebugButton() {
-    var btn = document.createElement("button");
-    btn.id = "myclaw-debug-btn";
-    btn.className = "agent-chat__input-btn";
-    btn.title = "Debug";
-    btn.setAttribute("aria-label", "Debug");
-    btn.innerHTML = [
-      '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"',
-      '  viewBox="0 0 24 24" fill="none" stroke="currentColor"',
-      '  stroke-width="2" stroke-linecap="round" stroke-linejoin="round">',
-      '  <path d="m8 2 1.88 1.88"/>',
-      '  <path d="M14.12 3.88 16 2"/>',
-      '  <path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"/>',
-      '  <path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"/>',
-      '  <path d="M12 20v-9"/>',
-      '  <path d="M6.53 9C4.6 9.43 3 11.3 3 13.5"/>',
-      '  <path d="M20.97 13.5c0-2.2-1.6-4.07-3.53-4.5"/>',
-      '  <path d="M4 19.5c0-2.2 1.8-4 4-4"/>',
-      '  <path d="M20 19.5c0-2.2-1.8-4-4-4"/>',
-      '</svg>',
-    ].join("");
+  function buildTestDonePrompt() {
+    var rec = window.myclawLastDebugRecord;
+    var lines = [
+      "我刚才已经完成了测试。",
+      "请你检查我的测试数据 debug/debug-record.html，重点查看里面的 JS 日志。",
+    ];
 
-    btn.addEventListener("click", function (e) {
-      e.stopPropagation();
-      showDebugModal();
-    });
+    if (rec && rec.debugRecordPath) {
+      lines.push("如果你能读取本地路径，也可以查看：" + rec.debugRecordPath);
+    }
+    if (rec && rec.entryFile) {
+      lines.push("我刚才测试的文件是：" + rec.entryFile);
+    }
 
-    return btn;
+    lines.push("");
+    lines.push("请帮我判断：我们之前的问题是否已经修复。");
+    lines.push("如果已经修复，请简单说明你从日志里看到了什么证据。");
+    lines.push("如果还没有修复，请指出日志里最关键的问题，并建议下一步最小修改。");
+
+    return lines.join("\n");
   }
 
-  function createLogButton() {
+  function createProblemMenuButton() {
+    var wrap = document.createElement("div");
+    wrap.id = "myclaw-problem-menu";
+
     var btn = document.createElement("button");
-    btn.id = "myclaw-log-btn";
+    btn.id = "myclaw-problem-btn";
+    btn.type = "button";
     btn.className = "agent-chat__input-btn";
-    btn.title = "让 AI 帮你加运行提示";
-    btn.setAttribute("aria-label", "让 AI 帮你加运行提示");
-    btn.innerHTML = [
-      '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"',
-      '  viewBox="0 0 24 24" fill="none" stroke="currentColor"',
-      '  stroke-width="2" stroke-linecap="round" stroke-linejoin="round">',
-      '  <path d="M8 6h13"/>',
-      '  <path d="M8 12h13"/>',
-      '  <path d="M8 18h13"/>',
-      '  <path d="M3 6h.01"/>',
-      '  <path d="M3 12h.01"/>',
-      '  <path d="M3 18h.01"/>',
-      '</svg>',
-    ].join("");
+    btn.title = "查问题";
+    btn.setAttribute("aria-label", "查问题");
+    btn.textContent = "查问题";
+
+    var menu = document.createElement("div");
+    menu.className = "myclaw-problem-menu-panel";
+
+    function makeItem(text, onClick) {
+      var item = document.createElement("button");
+      item.type = "button";
+      item.className = "myclaw-problem-menu-item";
+      item.textContent = text;
+      item.addEventListener("click", function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        onClick();
+      });
+      return item;
+    }
 
-    btn.addEventListener("click", function (e) {
-      e.stopPropagation();
-      showLogModal();
-    });
+    menu.appendChild(makeItem("查报错", showDebugModal));
+    menu.appendChild(makeItem("加日志", showLogModal));
+    menu.appendChild(makeItem("看结果", function () {
+      setTextareaValue(buildTestDonePrompt());
+      trySend();
+    }));
 
-    return btn;
+    wrap.appendChild(btn);
+    wrap.appendChild(menu);
+    return wrap;
   }
 
   var debugVoiceDestroyers = [];
@@ -564,7 +569,15 @@
       lines.push("学生描述：" + (state.description || "（未填写）"));
       lines.push("");
       lines.push("请从学生描述里提取：我做了什么、发生了什么、我的预期是什么。");
-      lines.push("然后先阅读调试记录，再结合源码定位问题，只做最小修复。修复后说明原因和改动位置。");
+      lines.push("");
+      lines.push("如何阅读调试记录（不要通读整个 HTML，按下面抓重点）：");
+      lines.push("1. 调试记录是一个 HTML 文件，完整事件数据在 <script id=\"debug-data\" type=\"application/json\"> 这段 JSON 里——只读这段，别看页面样式。");
+      lines.push("2. 先在事件里找 runtime-error / unhandledrejection / 以及 level 为 error 的 console 事件，它们是问题的起点。");
+      lines.push("3. 抓住报错事件的 message、stack、filename、lineno——直接定位到源码里出错的那个函数/那几行，只看相关代码段，不要通读整个作品文件。");
+      lines.push("4. 再倒着看报错之前的 page-enter / click / keydown / console，还原“做了什么 → 触发了什么”的因果链，确认重现路径。");
+      lines.push("5. 如果没有任何报错（属于逻辑 bug），就对比【学生的预期】和事件里 console 输出 / 交互序列反映出的【实际行为】，差异处就是 bug。");
+      lines.push("");
+      lines.push("定位到根因后只做最小修复。修复后说明：问题原因、改了哪个文件的哪段代码、为什么这样改能解决。");
 
       return lines.join("\n");
     }
@@ -956,8 +969,7 @@ btn.addEventListener("click", function () {
     var toolbar = document.querySelector(".agent-chat__toolbar-left");
     if (!toolbar) return;
     if (
-      toolbar.querySelector("#myclaw-debug-btn") &&
-      toolbar.querySelector("#myclaw-log-btn") &&
+      toolbar.querySelector("#myclaw-problem-menu") &&
       toolbar.querySelector("#myclaw-prompt-btn") &&
       toolbar.querySelector("#myclaw-voice-btn")
     ) {
@@ -969,19 +981,17 @@ btn.addEventListener("click", function () {
       window.myclawIteration.init({ trySend: trySend });
     }
 
-    var debugBtn = document.querySelector("#myclaw-debug-btn") || createDebugButton();
-    var logBtn = document.querySelector("#myclaw-log-btn") || createLogButton();
+    var problemMenu = document.querySelector("#myclaw-problem-menu") || createProblemMenuButton();
     var promptBtn = document.querySelector("#myclaw-prompt-btn") || createPromptButton();
     var voiceBtn = document.querySelector("#myclaw-voice-btn") || createVoiceButton();
 
-    // 插入到工具栏最前面：语音、debug、log、prompt 依次靠右
+    // 插入到工具栏最前面：语音、查问题、prompt 依次靠右
     toolbar.insertBefore(promptBtn, toolbar.firstChild);
-    toolbar.insertBefore(logBtn, promptBtn);
-    toolbar.insertBefore(debugBtn, logBtn);
-    toolbar.insertBefore(voiceBtn, debugBtn);
+    toolbar.insertBefore(problemMenu, promptBtn);
+    toolbar.insertBefore(voiceBtn, problemMenu);
 
     injected = true;
-    console.log("[myclaw-inject] \u2705 \u8bed\u97f3/debug/log/prompt\u6309\u94ae\u5df2\u6ce8\u5165");
+    console.log("[myclaw-inject] \u2705 \u8bed\u97f3/\u67e5\u95ee\u9898/prompt\u6309\u94ae\u5df2\u6ce8\u5165");
   }
 
   // ═══ 注入录音态样式 ═══
@@ -1007,6 +1017,33 @@ btn.addEventListener("click", function () {
       "  animation: myclaw-ring 1.5s ease-out infinite;",
       "  pointer-events: none;",
       "}",
+      /* 查问题悬浮菜单 */
+      "#myclaw-problem-menu {",
+      "  position: relative; display: inline-flex; align-items: center; flex-shrink: 0;",
+      "}",
+      "#myclaw-problem-btn {",
+      "  width: auto !important; min-width: 66px; padding: 0 12px !important;",
+      "  font-size: 13px; font-weight: 700; white-space: nowrap;",
+      "  border-radius: 8px;",
+      "}",
+      ".myclaw-problem-menu-panel {",
+      "  display: none; position: absolute; left: 0; bottom: 100%;",
+      "  min-width: 92px; padding: 6px; border-radius: 10px;",
+      "  background: #1e1e2e; border: 1px solid #3d3d5c;",
+      "  box-shadow: 0 10px 32px rgba(0,0,0,0.35); z-index: 100000;",
+      "}",
+      "#myclaw-problem-menu:hover .myclaw-problem-menu-panel,",
+      "#myclaw-problem-menu:focus-within .myclaw-problem-menu-panel {",
+      "  display: flex; flex-direction: column; gap: 4px;",
+      "}",
+      ".myclaw-problem-menu-item {",
+      "  border: none; border-radius: 7px; background: transparent; color: #cdd6f4;",
+      "  padding: 8px 10px; text-align: left; cursor: pointer;",
+      "  font-size: 13px; font-weight: 600; font-family: -apple-system,sans-serif;",
+      "}",
+      ".myclaw-problem-menu-item:hover, .myclaw-problem-menu-item:focus {",
+      "  background: #31314a; color: #fff; outline: none;",
+      "}",
       /* 按钮处理中态：半透明 + 2秒红圈收缩动画 */
       ".myclaw-voice-stopping {",
       "  opacity: 0.5 !important;",
@@ -2309,8 +2346,7 @@ btn.addEventListener("click", function () {
     // 持续监听 DOM 变化，确保按钮始终在
     new MutationObserver(function () {
       if (
-        !document.querySelector("#myclaw-debug-btn") ||
-        !document.querySelector("#myclaw-log-btn") ||
+        !document.querySelector("#myclaw-problem-menu") ||
         !document.querySelector("#myclaw-prompt-btn") ||
         !document.querySelector("#myclaw-voice-btn")
       ) {

package/package.json

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