@aiyiran/myclaw 1.0.98 → 1.0.99

package/assets/myclaw-inject.js

@@ -26,7 +26,7 @@
   var cursorOffset = 0;       // 录音开始时光标在 textarea 中的位置
   var injected = false;
 
-  // ═══ 1. 顶部版本号横条 ═══
+  // ═══ 1. 右下角版本标签（点击测试麦克风） ═══
   function createVersionBar() {
     if (document.querySelector("#myclaw-version-bar")) return;
 
@@ -34,36 +34,29 @@
     bar.id = "myclaw-version-bar";
     bar.style.cssText = [
       "position: fixed",
-      "top: 0",
-      "left: 0",
-      "right: 0",
-      "height: 28px",
-      "line-height: 28px",
-      "background: linear-gradient(90deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%)",
-      "color: #e94560",
-      "font-size: 12px",
+      "bottom: 8px",
+      "right: 8px",
+      "padding: 2px 8px",
+      "background: none",
+      "color: rgba(150, 150, 150, 0.4)",
+      "font-size: 10px",
       "font-family: monospace",
-      "text-align: center",
       "z-index: 99999",
-      "box-shadow: 0 1px 4px rgba(0,0,0,0.3)",
       "user-select: none",
-      "letter-spacing: 0.5px",
+      "cursor: pointer",
+      "transition: color 0.2s",
     ].join(";");
-    bar.textContent = "\uD83D\uDC3E MyClaw v" + MYCLAW_VERSION;
+    bar.textContent = "\uD83D\uDC3E v" + MYCLAW_VERSION;
+    bar.title = "\u70B9\u51FB\u6D4B\u8BD5\u9EA6\u514B\u98CE";
 
-    // 测试麦克风按钮
-    var testBtn = document.createElement("button");
-    testBtn.textContent = "\uD83D\uDD0A \u6D4B\u8BD5\u9EA6\u514B\u98CE";
-    testBtn.style.cssText = "background:#e94560;color:white;border:none;padding:2px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-family:monospace;";
-    testBtn.onclick = function(e) {
+    bar.onmouseenter = function () { bar.style.color = "rgba(150, 150, 150, 0.8)"; };
+    bar.onmouseleave = function () { bar.style.color = "rgba(150, 150, 150, 0.4)"; };
+    bar.onclick = function (e) {
       e.stopPropagation();
-      console.log("[myclaw] \u6D4B\u8BD5\u9EA6\u514B\u98CE\u70B9\u51FB");
       testMicrophone();
     };
-    bar.appendChild(testBtn);
 
-    document.body.prepend(bar);
-    document.body.style.paddingTop = "28px";
+    document.body.appendChild(bar);
   }
 
   // \u6D4B\u8BD5\u9EA6\u514B\u98CE\u51FD\u6570
@@ -183,6 +176,16 @@
       btn.classList.remove("agent-chat__input-btn--recording");
       btn.title = "\u8baf\u98de\u8bed\u97f3";
     }
+
+    // 同步 textarea 边框状态
+    var ta = document.querySelector(".agent-chat__input textarea");
+    if (ta) {
+      if (recording) {
+        ta.classList.add("myclaw-voice-active");
+      } else {
+        ta.classList.remove("myclaw-voice-active");
+      }
+    }
   }
 
   // ═══ 4. 录音控制 ═══
@@ -195,6 +198,8 @@
 
     voice = new window.VoiceInput({
       onResult: function (text) {
+        // 如果用户已点停止，忽略异步返回的残留结果（防止文字重复）
+        if (!recording) return;
         // 讯飞实时返回识别文字，替换到光标位置
         pendingText = text;
         updateTextAtCursor(pendingText);
@@ -262,15 +267,19 @@
   }
 
   function stopVoice() {
+    // 先关标志位，阻止 onResult 异步回调继续写入（核心防重复）
     recording = false;
     updateButtonUI();
 
+    // 立即快照当前 textarea 值作为最终文字
+    var finalText = getTextareaValue();
+
     if (voice) {
       voice.stop();
     }
 
-    // 最终提交文字
-    committedText = getTextareaValue();
+    // 用快照覆盖，确保后续异步返回不影响
+    committedText = finalText;
     pendingText = "";
 
     console.log("[myclaw-voice] \u505c\u6b62\u5f55\u97f3");
@@ -284,10 +293,9 @@
 
     var btn = createVoiceButton();
 
-    // 插入到 token 计数之前，或追加到末尾
-    var tokenCount = toolbar.querySelector(".agent-chat__token-count");
-    if (tokenCount) {
-      toolbar.insertBefore(btn, tokenCount);
+    // 插入到工具栏最前面（排在 Attach file 等按钮之前）
+    if (toolbar.firstChild) {
+      toolbar.insertBefore(btn, toolbar.firstChild);
     } else {
       toolbar.appendChild(btn);
     }
@@ -296,9 +304,113 @@
     console.log("[myclaw-inject] \u2705 \u8bed\u97f3\u6309\u94ae\u5df2\u6ce8\u5165");
   }
 
+  // ═══ 注入录音态样式 ═══
+  function injectStyles() {
+    if (document.querySelector("#myclaw-voice-styles")) return;
+    var style = document.createElement("style");
+    style.id = "myclaw-voice-styles";
+    style.textContent = [
+      /* 隐藏原生 Voice input 按钮（避免与 MyClaw 语音按钮混淆） */
+      "button[title=\"Voice input\"]:not(#myclaw-voice-btn) { display: none !important; }",
+      /* 按钮录音态：红色脉冲 */
+      ".agent-chat__input-btn--recording {",
+      "  color: #ff4444 !important;",
+      "  animation: myclaw-pulse 1s ease-in-out infinite !important;",
+      "  position: relative;",
+      "}",
+      ".agent-chat__input-btn--recording::after {",
+      "  content: '';",
+      "  position: absolute;",
+      "  top: -2px; left: -2px; right: -2px; bottom: -2px;",
+      "  border-radius: 50%;",
+      "  border: 2px solid #ff4444;",
+      "  animation: myclaw-ring 1.5s ease-out infinite;",
+      "  pointer-events: none;",
+      "}",
+      /* textarea 录音态：左侧红色竖线 + 微弱红色背景 */
+      ".myclaw-voice-active {",
+      "  border-left: 3px solid #ff4444 !important;",
+      "  background: rgba(255, 68, 68, 0.03) !important;",
+      "  transition: all 0.2s ease;",
+      "}",
+      /* 脉冲动画 */
+      "@keyframes myclaw-pulse {",
+      "  0%, 100% { opacity: 1; transform: scale(1); }",
+      "  50% { opacity: 0.6; transform: scale(1.1); }",
+      "}",
+      /* 扩散环动画 */
+      "@keyframes myclaw-ring {",
+      "  0% { transform: scale(0.8); opacity: 0.8; }",
+      "  100% { transform: scale(1.6); opacity: 0; }",
+      "}",
+    ].join("\n");
+    document.head.appendChild(style);
+  }
+  // ═══ 6. 拦截发送按钮 ═══
+
+  var sendHooked = false;
+
+  function hookSendButton() {
+    if (sendHooked) return;
+    sendHooked = true;
+
+    // 用捕获阶段拦截，确保在原生 handler 之前执行
+    document.addEventListener("click", function (e) {
+      var btn = e.target.closest("button.chat-send-btn, button[title=\"Send\"]");
+      if (!btn) return;
+
+      var text = getTextareaValue();
+      if (!text || !text.trim()) return;  // 空文字不处理
+
+      // 1) 停止语音输入
+      if (recording) {
+        stopVoice();
+      }
+
+      // 2) 复制到剪贴板
+      try {
+        navigator.clipboard.writeText(text).then(function () {
+          console.log("[myclaw-send] 📋 已复制到剪贴板:", text.substring(0, 50) + (text.length > 50 ? "..." : ""));
+        }).catch(function () {
+          // fallback: 老方法
+          fallbackCopy(text);
+        });
+      } catch (ex) {
+        fallbackCopy(text);
+      }
+
+      // 3) 让原生 click 继续走（发送消息）
+      //    不 preventDefault，不 stopPropagation
+
+      // 4) 延迟清空 textarea（等原生 handler 读完值后再清）
+      setTimeout(function () {
+        setTextareaValue("");
+        committedText = "";
+        pendingText = "";
+        cursorOffset = 0;
+        console.log("[myclaw-send] ✅ 发送完成，输入框已清空");
+      }, 100);
+
+    }, true);  // true = 捕获阶段
+
+    console.log("[myclaw-inject] ✅ 发送按钮拦截器已挂载");
+  }
+
+  function fallbackCopy(text) {
+    var ta = document.createElement("textarea");
+    ta.value = text;
+    ta.style.cssText = "position:fixed;left:-9999px;";
+    document.body.appendChild(ta);
+    ta.select();
+    try { document.execCommand("copy"); } catch (e) {}
+    document.body.removeChild(ta);
+    console.log("[myclaw-send] 📋 已复制（fallback）");
+  }
+
   // ═══ 启动 ═══
   function init() {
     createVersionBar();
+    injectStyles();
 
     // 初始化 VoiceInput SDK
     initVoice();
@@ -315,6 +427,9 @@
 
     // 尝试立即注入
     injectButton();
+
+    // 挂载发送拦截
+    hookSendButton();
   }
 
   if (document.readyState === "loading") {

package/package.json

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

package/patch-manifest.json

@@ -1,6 +1,6 @@
 {
   "_doc": "MyClaw 注入清单 (auto-generated)。strategy: auto | on | off",
-  "_generated": "2026-04-01T15:56:26.709Z",
+  "_generated": "2026-04-01T16:54:33.165Z",
   "agents": [
     {
       "id": "danci",

package/start.js

@@ -78,12 +78,19 @@ function startWindows() {
   }
   console.log('');
 
-  if (!gatewayRunning) {
-    // Gateway 未运行: 先升级，再在新窗口启动
-    console.log('[update] 检查 MyClaw 更新...');
-    try { execSync('myclaw update', { stdio: 'inherit', timeout: 120000 }); } catch {}
-    console.log('');
+  // 无论 Gateway 是否已运行，都先检查更新 + patch
+  console.log('[update] 检查 MyClaw 更新...');
+  try { execSync('myclaw update', { stdio: 'inherit', timeout: 120000 }); } catch {}
+  console.log('');
+
+  console.log('[patch] 刷新 UI 插件...');
+  try {
+    execSync('wsl -d OpenClaw -- myclaw patch', { stdio: 'inherit', timeout: 30000 });
+  } catch {}
+  console.log('');
 
+  if (!gatewayRunning) {
+    // Gateway 未运行: 在新窗口启动（launch 内部会再 patch 一次，幂等无害）
     console.log('[launch] 在新窗口启动 Gateway...');
     try {
       execSync('start "OpenClaw Gateway" wsl -d OpenClaw -- myclaw launch', {
@@ -94,6 +101,15 @@ function startWindows() {
     } catch (err) {
       console.error('      ' + C.r + '[失败]' + C.nc + ' ' + err.message);
     }
+  } else {
+    // Gateway 已在运行，重启使 patch 生效
+    console.log('[restart] 重启 Gateway 使插件生效...');
+    try {
+      execSync('wsl -d OpenClaw -- openclaw gateway restart', { stdio: 'pipe', timeout: 15000 });
+      console.log('      ' + C.g + '[OK]' + C.nc);
+    } catch {
+      console.log('      ' + C.y + '[跳过]' + C.nc + ' 重启失败，手动 myclaw restart');
+    }
   }
 
   // Step 4: 打开浏览器