@aiyiran/myclaw 1.1.138 → 1.1.140

package/assets/debug-probe.js

@@ -0,0 +1,306 @@
+/**
+ * OpenClaw Debug Probe V1
+ *
+ * 职责：
+ * 1. 记录网页运行现场
+ * 2. 通过 postMessage 发给父页面
+ *
+ * 不负责：
+ * 1. traceId
+ * 2. workspaceId
+ * 3. 上传服务端
+ * 4. 判断 bug 原因
+ */
+
+(function () {
+  if (window.__OPENCLAW_DEBUG_PROBE_INSTALLED__) {
+    return;
+  }
+
+  window.__OPENCLAW_DEBUG_PROBE_INSTALLED__ = true;
+
+  const PROBE_VERSION = "probe_001";
+  const MAX_TEXT_LENGTH = 1000;
+  const MAX_STACK_LENGTH = 3000;
+  const MAX_ELEMENT_TEXT_LENGTH = 80;
+
+  function now() {
+    return new Date().toISOString();
+  }
+
+  function truncate(text, maxLength) {
+    if (text == null) return "";
+    const str = String(text);
+    if (str.length <= maxLength) return str;
+    return str.slice(0, maxLength) + "...[truncated]";
+  }
+
+  function getPageInfo() {
+    return {
+      pageUrl: location.href,
+      pagePath: location.pathname,
+      pageTitle: document.title || ""
+    };
+  }
+
+  function safeStringify(value) {
+    try {
+      if (typeof value === "string") {
+        return value;
+      }
+
+      if (value instanceof Error) {
+        return value.stack || value.message || String(value);
+      }
+
+      if (typeof value === "function") {
+        return "[Function " + (value.name || "anonymous") + "]";
+      }
+
+      if (value instanceof Element) {
+        return getElementSummary(value);
+      }
+
+      return JSON.stringify(value);
+    } catch (error) {
+      try {
+        return String(value);
+      } catch (e) {
+        return "[Unserializable Value]";
+      }
+    }
+  }
+
+  function getElementText(element) {
+    if (!element) return "";
+
+    const text =
+      element.innerText ||
+      element.textContent ||
+      element.value ||
+      element.getAttribute("aria-label") ||
+      element.getAttribute("title") ||
+      "";
+
+    return truncate(String(text).replace(/\s+/g, " ").trim(), MAX_ELEMENT_TEXT_LENGTH);
+  }
+
+  function getElementUrl(element) {
+    if (!element) return "";
+
+    return (
+      element.currentSrc ||
+      element.src ||
+      element.href ||
+      element.getAttribute("src") ||
+      element.getAttribute("href") ||
+      ""
+    );
+  }
+
+  function getSimpleSelector(element) {
+    if (!element || !element.tagName) return "";
+
+    const tag = element.tagName.toLowerCase();
+    const id = element.id ? "#" + element.id : "";
+
+    let classPart = "";
+    try {
+      if (element.classList && element.classList.length > 0) {
+        classPart =
+          "." +
+          Array.from(element.classList)
+            .slice(0, 3)
+            .join(".");
+      }
+    } catch (error) {}
+
+    return tag + id + classPart;
+  }
+
+  function getElementSummary(element) {
+    if (!element || !element.tagName) {
+      return "";
+    }
+
+    return {
+      tag: element.tagName,
+      id: element.id || "",
+      className:
+        typeof element.className === "string"
+          ? element.className
+          : "",
+      text: getElementText(element),
+      selector: getSimpleSelector(element)
+    };
+  }
+
+  function sendEvent(type, payload) {
+    const event = {
+      type,
+      time: now(),
+      probeVersion: PROBE_VERSION,
+      ...getPageInfo(),
+      payload: payload || {}
+    };
+
+    try {
+      if (window.parent && window.parent !== window) {
+        window.parent.postMessage(
+          {
+            source: "OPENCLAW_DEBUG_PROBE",
+            type: "DEBUG_EVENT",
+            event
+          },
+          "*"
+        );
+      }
+    } catch (error) {
+      // 不让 probe 影响学生作品运行
+    }
+  }
+
+  function sendPageEnter() {
+    sendEvent("page-enter", {
+      referrer: document.referrer || ""
+    });
+  }
+
+  function setupClickListener() {
+    document.addEventListener(
+      "click",
+      function (event) {
+        const target = event.target;
+
+        sendEvent("click", {
+          ...getElementSummary(target),
+          x: event.clientX,
+          y: event.clientY
+        });
+      },
+      true
+    );
+  }
+
+  function setupKeydownListener() {
+    document.addEventListener(
+      "keydown",
+      function (event) {
+        sendEvent("keydown", {
+          key: event.key,
+          code: event.code,
+          altKey: event.altKey,
+          ctrlKey: event.ctrlKey,
+          shiftKey: event.shiftKey,
+          metaKey: event.metaKey
+        });
+      },
+      true
+    );
+  }
+
+  function setupConsoleListener() {
+    ["log", "warn", "error"].forEach(function (level) {
+      const original = console[level];
+
+      if (typeof original !== "function") {
+        return;
+      }
+
+      console[level] = function (...args) {
+        try {
+          original.apply(console, args);
+        } catch (error) {}
+
+        try {
+          const stringArgs = args.map(function (arg) {
+            return truncate(safeStringify(arg), MAX_TEXT_LENGTH);
+          });
+
+          sendEvent("console", {
+            level,
+            message: truncate(stringArgs.join(" "), MAX_TEXT_LENGTH),
+            args: stringArgs
+          });
+        } catch (error) {}
+      };
+    });
+  }
+
+  function setupRuntimeErrorListener() {
+    window.addEventListener(
+      "error",
+      function (event) {
+        const target = event.target;
+
+        // 资源加载失败：img/script/link/audio/video 等
+        if (target && target !== window && target.tagName) {
+          sendEvent("resource-error", {
+            tag: target.tagName,
+            id: target.id || "",
+            className:
+              typeof target.className === "string"
+                ? target.className
+                : "",
+            url: getElementUrl(target),
+            selector: getSimpleSelector(target)
+          });
+
+          return;
+        }
+
+        // JS 运行时报错
+        sendEvent("runtime-error", {
+          message: truncate(event.message || "Unknown runtime error", MAX_TEXT_LENGTH),
+          filename: event.filename || "",
+          lineno: event.lineno || null,
+          colno: event.colno || null,
+          stack: truncate(
+            event.error && event.error.stack
+              ? event.error.stack
+              : "",
+            MAX_STACK_LENGTH
+          )
+        });
+      },
+      true
+    );
+  }
+
+  function setupUnhandledRejectionListener() {
+    window.addEventListener("unhandledrejection", function (event) {
+      const reason = event.reason;
+
+      sendEvent("unhandledrejection", {
+        message: truncate(
+          reason && reason.message
+            ? reason.message
+            : safeStringify(reason),
+          MAX_TEXT_LENGTH
+        ),
+        stack: truncate(
+          reason && reason.stack
+            ? reason.stack
+            : "",
+          MAX_STACK_LENGTH
+        )
+      });
+    });
+  }
+
+  function init() {
+    setupConsoleListener();
+    setupRuntimeErrorListener();
+    setupUnhandledRejectionListener();
+    setupClickListener();
+    setupKeydownListener();
+
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", sendPageEnter);
+    } else {
+      sendPageEnter();
+    }
+  }
+
+  init();
+})();

package/assets/myclaw-artifacts.js

@@ -1187,8 +1187,10 @@
         video.focus();
       } else {
         // HTML 走 CDN；其余类型走本地 API
+        var htmlPreviewSrc = '';
         if (isHtml) {
-          iframe.src = previewUrl + '?t=' + Date.now();
+          htmlPreviewSrc = previewUrl + '?t=' + Date.now();
+          iframe.src = htmlPreviewSrc;
         } else {
           iframe.src = MYCLAW_API_BASE + '/api/file?path=' + encodeURIComponent(getWorkspaceId() + '/' + asset.path) + '&t=' + Date.now();
         }
@@ -1196,6 +1198,18 @@
         overlay.appendChild(box);
         document.body.appendChild(overlay);
         iframe.focus();
+        // HTML 作品已由服务端注入 debug probe，挂上调试记录收集器开始录制。
+        // 其余类型（图片/视频/PDF…）不录制。collector 不存在时静默跳过。
+        if (isHtml && typeof window.startDebugRecord === 'function') {
+          var _dbgEnv = detectEnvironment();
+          var debugContext = {
+            claw: _dbgEnv.remote ? _dbgEnv.clawName : lastKnownClawName,
+            workspace: getWorkspaceId(),
+            entryFile: asset.path,
+            apiBase: MYCLAW_API_BASE
+          };
+          try { window.startDebugRecord(iframe, htmlPreviewSrc, debugContext); } catch (e) {}
+        }
       }
       return;
     }
@@ -1204,6 +1218,11 @@
   }
 
   function closePreviewModal() {
+    // 通知调试记录收集器收尾并提交。仅在录制中（HTML 预览）时有实际动作，
+    // 其余情况内部自带兜底直接返回；异步保存失败不阻塞弹框关闭。
+    if (typeof window.closePreviewAndSaveDebugRecord === 'function') {
+      try { window.closePreviewAndSaveDebugRecord(); } catch (e) {}
+    }
     var modal = document.querySelector('#myclaw-artifacts-preview');
     if (modal) modal.remove();
   }

package/assets/myclaw-inject.js

@@ -881,39 +881,52 @@ btn.addEventListener("click", function () {
     });
   }
 
+  function hideNativeNewSessionBtn(nativeBtn) {
+    nativeBtn.style.setProperty("display", "none", "important");
+  }
+
   function createNewSessionButton() {
-    if (document.querySelector("#myclaw-newsession-btn")) return;
+    var nativeBtn = findNativeNewSessionBtn();
+    if (!nativeBtn) {
+      setTimeout(createNewSessionButton, 500);
+      return;
+    }
 
-    var btn = document.createElement("div");
+    // 已经替换过，不重复插入
+    if (nativeBtn.parentNode && nativeBtn.parentNode.querySelector("#myclaw-newsession-btn")) return;
+
+    // 隐藏原生按钮
+    hideNativeNewSessionBtn(nativeBtn);
+
+    // 复用原生按钮的 class + innerHTML，外观完全一致
+    var btn = document.createElement("button");
     btn.id = "myclaw-newsession-btn";
-    btn.style.cssText = [
-      "position: fixed",
-      "bottom: 8px",
-      "right: 335px",
-      "padding: 3px 10px",
-      "background: rgba(139, 92, 246, 0.85)",
-      "color: #fff",
-      "font-size: 11px",
-      "font-weight: bold",
-      "font-family: monospace",
-      "border-radius: 4px",
-      "z-index: 99999",
-      "user-select: none",
-      "cursor: pointer",
-      "transition: all 0.2s",
-      "letter-spacing: 0.5px",
-    ].join(";");
-    btn.textContent = "🆕 新会话";
+    btn.className = nativeBtn.className;
+    btn.innerHTML = nativeBtn.innerHTML;
     btn.title = "创建新会话（可中文命名）";
 
-    btn.onmouseenter = function () { btn.style.background = "rgba(124, 58, 237, 1)"; btn.style.transform = "scale(1.05)"; };
-    btn.onmouseleave = function () { btn.style.background = "rgba(139, 92, 246, 0.85)"; btn.style.transform = "scale(1)"; };
     btn.onclick = function (e) {
       e.stopPropagation();
+      e.preventDefault();
       if (newSessionOpen) { closeNewSessionModal(); } else { openNewSessionModal(); }
     };
 
-    document.body.appendChild(btn);
+    nativeBtn.parentNode.insertBefore(btn, nativeBtn);
+
+    // 监听 shadow DOM 变化：防止 Lit 重渲染后原生按钮恢复显示或我们的按钮被移除
+    var shadowRoot = nativeBtn.getRootNode();
+    if (shadowRoot && shadowRoot !== document) {
+      new MutationObserver(function () {
+        var ourBtn = shadowRoot.querySelector("#myclaw-newsession-btn");
+        if (!ourBtn) {
+          // 被重渲染移除了，重新插入
+          createNewSessionButton();
+          return;
+        }
+        var native = shadowRoot.querySelector(".sidebar-new-session:not(#myclaw-newsession-btn)");
+        if (native) hideNativeNewSessionBtn(native);
+      }).observe(shadowRoot, { childList: true, subtree: true });
+    }
   }
 
   function closeNewSessionModal() {

package/index.js

@@ -1990,6 +1990,7 @@ function runSync(workspaceName) {
   const targetConfigPath = path.join(targetDir, 'config.json');
   const sourcePyPath = path.join(__dirname, 'server', 'sync_workspace.py');
   const sourceSchemaPath = path.join(__dirname, 'server', 'artifacts_schema.py');
+  const sourceDebugRecordPath = path.join(__dirname, 'server', 'debug_record.py');
 
   // 确保目标目录存在
   if (!fs.existsSync(targetDir)) {
@@ -1999,6 +2000,9 @@ function runSync(workspaceName) {
   // 同步 py 文件
   fs.copyFileSync(sourcePyPath, targetPyPath);
   fs.copyFileSync(sourceSchemaPath, path.join(targetDir, 'artifacts_schema.py'));
+  if (fs.existsSync(sourceDebugRecordPath)) {
+    fs.copyFileSync(sourceDebugRecordPath, path.join(targetDir, 'debug_record.py'));
+  }
 
   // 读取配置（如果不存在则创建）
   let config;

package/package.json

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

package/patches/patch.js

@@ -28,6 +28,7 @@ const VOICE_OUTPUT_SDK_FILENAME = 'voice-output.js';
 const TTS_INJECT_FILENAME = 'myclaw-tts.js';
 const ARTIFACTS_INJECT_FILENAME = 'myclaw-artifacts.js';
 const ITERATION_INJECT_FILENAME = 'myclaw-iteration.js';
+const DEBUG_COLLECTOR_FILENAME = 'debug-collector.js';
 const BACKUP_SUFFIX = '.myclaw-backup';
 
 /**
@@ -151,6 +152,8 @@ function patch() {
   const artifactsInjectDest = path.join(uiDir, ARTIFACTS_INJECT_FILENAME);
   const iterationInjectSrc = path.join(__dirname, '..', 'assets', ITERATION_INJECT_FILENAME);
   const iterationInjectDest = path.join(uiDir, ITERATION_INJECT_FILENAME);
+  const debugCollectorSrc = path.join(__dirname, '..', 'assets', DEBUG_COLLECTOR_FILENAME);
+  const debugCollectorDest = path.join(uiDir, DEBUG_COLLECTOR_FILENAME);
   const version = getMyclawVersion();
 
   console.log('[myclaw-patch] → control-ui: ' + uiDir);
@@ -218,6 +221,14 @@ function patch() {
     console.error('[myclaw-patch] ⚠ Iteration 注入脚本复制失败 (非致命): ' + err.message);
   }
 
+  // 5.7 复制 Debug Collector 注入脚本（父页面侧，接收 iframe 内 probe 的事件）
+  try {
+    fs.copyFileSync(debugCollectorSrc, debugCollectorDest);
+    console.log('[myclaw-patch] ✅ Debug Collector 注入脚本已复制');
+  } catch (err) {
+    console.error('[myclaw-patch] ⚠ Debug Collector 复制失败 (非致命): ' + err.message);
+  }
+
   // 6. Patch index.html（幂等）
   try {
     let html = fs.readFileSync(indexPath, 'utf8');
@@ -235,6 +246,7 @@ function patch() {
       '<script src="./' + VOICE_OUTPUT_SDK_FILENAME + '"></script>',
       '<script src="./' + VOICE_SDK_FILENAME + '"></script>',
       '<script src="./' + TTS_INJECT_FILENAME + '"></script>',
+      '<script src="./' + DEBUG_COLLECTOR_FILENAME + '"></script>',
       '<script src="./' + ARTIFACTS_INJECT_FILENAME + '"></script>',
       '<script src="./' + ITERATION_INJECT_FILENAME + '"></script>',
       '<script src="./' + INJECT_FILENAME + '"></script>',