@aiyiran/myclaw 1.0.26 → 1.0.28

package/assets/detect-browser.sh

@@ -0,0 +1,67 @@
+#!/bin/bash
+
+# ============================================
+# 脚本配置
+# ============================================
+URL="${1:-http://127.0.0.1:18789}"   # 要导航的网页（默认本地控制台）
+CHECK_INTERVAL=5                     # 每隔 5 秒检查一次 Chrome
+MAX_WAIT=600                         # 最多等待 10 分钟（可调整）
+
+# ============================================
+# 检测操作系统
+# ============================================
+OS=$(uname -s)
+case "$OS" in
+    Darwin*) OS_TYPE="Mac" ;;
+    Linux*) OS_TYPE="Linux" ;;
+    CYGWIN*|MINGW*|MSYS*) OS_TYPE="Windows" ;;
+    *) echo "Unsupported OS: $OS"; exit 1 ;;
+esac
+
+# ============================================
+# 设置 Chrome 默认路径
+# ============================================
+case "$OS_TYPE" in
+    Mac) CHROME="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" ;;
+    Linux) CHROME="$(which google-chrome || which chromium-browser || echo "")" ;;
+    Windows) CHROME="/mnt/c/Program Files/Google/Chrome/Application/chrome.exe" ;;
+esac
+
+# ============================================
+# 检测 Chrome 是否存在
+# ============================================
+if [ -z "$CHROME" ] || [ ! -f "$CHROME" ]; then
+    echo "Chrome not found on your system!"
+    
+    # 打开官方下载页面
+    case "$OS_TYPE" in
+        Mac) open "https://www.google.com/chrome/" ;;
+        Linux) xdg-open "https://www.google.com/linux/chrome/" >/dev/null 2>&1 || echo "Please download Chrome from https://www.google.com/linux/chrome/" ;;
+        Windows) powershell.exe -Command "Start-Process 'https://www.google.com/chrome/'" ;;
+    esac
+
+    echo "Please install Chrome. Waiting for installation..."
+    
+    # 开始轮询等待用户安装
+    ELAPSED=0
+    while [ ! -f "$CHROME" ]; do
+        sleep $CHECK_INTERVAL
+        ELAPSED=$((ELAPSED + CHECK_INTERVAL))
+        if [ $ELAPSED -ge $MAX_WAIT ]; then
+            echo "Timed out waiting for Chrome. Please install manually and rerun this script."
+            exit 1
+        fi
+    done
+    echo "Chrome installation detected!"
+fi
+
+# ============================================
+# 打开目标 URL
+# ============================================
+echo "Opening URL: $URL ..."
+case "$OS_TYPE" in
+    Mac|Linux) "$CHROME" "$URL" ;;
+    Windows) powershell.exe -Command "Start-Process '$CHROME' '$URL'" ;;
+esac
+
+echo "Done!"

package/assets/myclaw-inject.js

@@ -3,20 +3,29 @@
  * MyClaw UI Inject — 浏览器端注入脚本
  * ============================================================================
  * 
- * 该脚本由 myclaw postinstall 自动注入到 OpenClaw Control UI 的 index.html 中。
- * 每次 npm update @aiyiran/myclaw 时会自动更新。
- * 
  * 功能：
  *   1. 页面顶部 fixed 显示 myclaw 版本号
- *   2. 语音输入按钮占位（后续接入）
+ *   2. 在聊天工具栏新增讯飞语音输入按钮
+ *      - 光标处插入文字
+ *      - 持续录入，手动停止
+ *      - 讯飞 60 秒断开后自动重连
+ * 
+ * 依赖：voice-input.js（讯飞 VoiceInput SDK，需先于本脚本加载）
  * ============================================================================
  */
 (function () {
   "use strict";
 
-  // ═══ 版本号（由 patch.js 在注入时替换） ═══
   var MYCLAW_VERSION = "__MYCLAW_VERSION__";
 
+  // ═══ 状态 ═══
+  var voice = null;           // VoiceInput 实例
+  var recording = false;      // 用户层面的录音状态（独立于 SDK 的 status）
+  var pendingText = "";       // 当前这轮识别的文字（实时更新）
+  var committedText = "";     // 已经提交到 textarea 的文字（上一轮累积）
+  var cursorOffset = 0;       // 录音开始时光标在 textarea 中的位置
+  var injected = false;
+
   // ═══ 1. 顶部版本号横条 ═══
   function createVersionBar() {
     if (document.querySelector("#myclaw-version-bar")) return;
@@ -40,29 +49,274 @@
       "user-select: none",
       "letter-spacing: 0.5px",
     ].join(";");
-    bar.textContent = "🐾 MyClaw v" + MYCLAW_VERSION;
+    bar.textContent = "\uD83D\uDC3E MyClaw v" + MYCLAW_VERSION;
 
-    document.body.prepend(bar);
+    // 测试麦克风按钮
+    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) {
+      e.stopPropagation();
+      console.log("[myclaw] \u6D4B\u8BD5\u9EA6\u514B\u98CE\u70B9\u51FB");
+      testMicrophone();
+    };
+    bar.appendChild(testBtn);
 
-    // 把页面整体往下推 28px，避免遮挡
+    document.body.prepend(bar);
     document.body.style.paddingTop = "28px";
+  }
+
+  // \u6D4B\u8BD5\u9EA6\u514B\u98CE\u51FD\u6570
+  function testMicrophone() {
+    console.log("[myclaw] \u5F00\u59CB\u6D4B\u8BD5\u9EA6\u514B\u98CE...");
+    if (typeof window.VoiceInput === "undefined") {
+      alert("VoiceInput SDK \u672A\u52A0\u8F7D");
+      return;
+    }
+    navigator.mediaDevices.getUserMedia({ audio: true })
+      .then(function(stream) {
+        console.log("[myclaw] \u9EA6\u514B\u98CE\u6743\u9650\u83B7\u53D6\u6210\u529F!");
+        stream.getTracks().forEach(function(track) { track.stop(); });
+        alert("\u9EA6\u514B\u98CE\u6B63\u5E38!");
+      })
+      .catch(function(err) {
+        console.error("[myclaw] \u9EA6\u514B\u98CE\u6743\u9650\u83B7\u53D6\u5931\u8D25:", err.message);
+        alert("\u9EA6\u514B\u98CE\u6743\u9650\u88AB\u62D2\u7EDD: " + err.message);
+      });
+  }
+
+  // ═══ 2. textarea 工具 ═══
+
+  /**
+   * 在 textarea 的指定位置写入文字，并触发 Lit 响应式更新
+   * @param {string} fullText - 完整的 textarea 内容
+   */
+  function setTextareaValue(fullText) {
+    var ta = document.querySelector(".agent-chat__input textarea");
+    if (!ta) return;
+
+    var setter = Object.getOwnPropertyDescriptor(
+      HTMLTextAreaElement.prototype, "value"
+    ).set;
+    setter.call(ta, fullText);
+    ta.dispatchEvent(new Event("input", { bubbles: true }));
+  }
+
+  /**
+   * 获取 textarea 当前值
+   */
+  function getTextareaValue() {
+    var ta = document.querySelector(".agent-chat__input textarea");
+    return ta ? ta.value : "";
+  }
 
-    console.log("[myclaw-inject] ✅ 版本号横条已注入: v" + MYCLAW_VERSION);
+  /**
+   * 获取 textarea 当前光标位置
+   */
+  function getCursorPosition() {
+    var ta = document.querySelector(".agent-chat__input textarea");
+    return ta ? ta.selectionStart : 0;
   }
 
-  // ═══ 2. 语音输入按钮占位（TODO: 后续接入） ═══
+  /**
+   * 在光标位置插入识别的文字
+   * 原理：保留光标前的原文 + 已提交文字 + 当前识别文字 + 光标后的原文
+   */
+  function updateTextAtCursor(recognizedText) {
+    var ta = document.querySelector(".agent-chat__input textarea");
+    if (!ta) return;
+
+    // 录音开始时的位置前面的文字（不变）
+    var before = committedText.substring(0, cursorOffset);
+    // 录音开始时位置后面的文字（不变）
+    var originalAfter = committedText.substring(cursorOffset);
+
+    // 在光标位置插入已识别的文字
+    var newValue = before + recognizedText + originalAfter;
+    setTextareaValue(newValue);
+
+    // 把光标放到识别文字的末尾
+    var newCursorPos = before.length + recognizedText.length;
+    try {
+      ta.setSelectionRange(newCursorPos, newCursorPos);
+    } catch (e) {}
+  }
+
+  // ═══ 3. 语音按钮 ═══
+
+  function createVoiceButton() {
+    var btn = document.createElement("button");
+    btn.id = "myclaw-voice-btn";
+    btn.className = "agent-chat__input-btn";
+    btn.title = "\u8baf\u98de\u8bed\u97f3";
+    btn.setAttribute("aria-label", "\u8baf\u98de\u8bed\u97f3\u8f93\u5165");
+    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="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/>',
+      '  <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>',
+      '  <line x1="12" x2="12" y1="19" y2="22"/>',
+      '  <circle cx="12" cy="22" r="1" fill="currentColor" stroke="none"/>',
+      '</svg>',
+    ].join("");
+
+    btn.addEventListener("click", function () {
+      if (recording) {
+        stopVoice();
+      } else {
+        startVoice();
+      }
+    });
+
+    return btn;
+  }
+
+  function updateButtonUI() {
+    var btn = document.querySelector("#myclaw-voice-btn");
+    if (!btn) return;
+
+    if (recording) {
+      btn.classList.add("agent-chat__input-btn--recording");
+      btn.title = "\u505c\u6b62\u8bed\u97f3";
+    } else {
+      btn.classList.remove("agent-chat__input-btn--recording");
+      btn.title = "\u8baf\u98de\u8bed\u97f3";
+    }
+  }
+
+  // ═══ 4. 录音控制 ═══
+
   function initVoice() {
-    console.log("[myclaw-inject] 🎙️ 语音模块已加载（占位），等待后续接入...");
-    console.log("[myclaw-inject] 语音注入点就绪，后续在此处添加按钮和录音逻辑");
+    if (typeof window.VoiceInput === "undefined") {
+      console.error("[myclaw-inject] VoiceInput SDK \u672a\u52a0\u8f7d");
+      return;
+    }
+
+    voice = new window.VoiceInput({
+      onResult: function (text) {
+        // 讯飞实时返回识别文字，替换到光标位置
+        pendingText = text;
+        updateTextAtCursor(pendingText);
+        console.log("[myclaw-voice] \u8bc6\u522b\u4e2d:", text);
+      },
+      onStatusChange: function (oldStatus, newStatus) {
+        console.log("[myclaw-voice] \u72b6\u6001:", oldStatus, "->", newStatus);
+
+        if (newStatus === "idle" && recording) {
+          // 讯飞 60 秒断开，但用户没有点停止 → 自动重连
+          // 把当前识别的文字提交，并更新光标位置
+          committedText = getTextareaValue();
+          cursorOffset = getCursorPosition();
+          pendingText = "";
+
+          console.log("[myclaw-voice] \u81ea\u52a8\u91cd\u8fde...");
+          setTimeout(function () {
+            if (recording && voice) {
+              voice.start();
+            }
+          }, 300);
+        }
+      },
+      onError: function (err) {
+        console.error("[myclaw-voice] \u9519\u8bef:", err);
+        // 权限错误是永久性的，不重试，直接停止
+        var errStr = String(err).toLowerCase();
+        if (errStr.indexOf("permission") !== -1 || errStr.indexOf("not allowed") !== -1) {
+          console.error("[myclaw-voice] ⛔ 麦克风权限被拒绝，停止录音");
+          recording = false;
+          updateButtonUI();
+          return;
+        }
+        // 其他错误（如 WebSocket）尝试重连
+        if (recording) {
+          setTimeout(function () {
+            if (recording && voice) {
+              console.log("[myclaw-voice] \u9519\u8bef\u540e\u91cd\u8fde...");
+              voice.start();
+            }
+          }, 1000);
+        }
+      },
+    });
+
+    console.log("[myclaw-inject] \u2705 \u8baf\u98de\u8bed\u97f3 SDK \u5df2\u521d\u59cb\u5316");
+  }
+
+  function startVoice() {
+    if (!voice) {
+      initVoice();
+      if (!voice) return;
+    }
+
+    // 记录当前 textarea 状态和光标位置
+    committedText = getTextareaValue();
+    cursorOffset = getCursorPosition();
+    pendingText = "";
+
+    recording = true;
+    updateButtonUI();
+    voice.start();
+
+    console.log("[myclaw-voice] \u5f00\u59cb\u5f55\u97f3\uff0c\u5149\u6807\u4f4d\u7f6e:", cursorOffset);
+  }
+
+  function stopVoice() {
+    recording = false;
+    updateButtonUI();
+
+    if (voice) {
+      voice.stop();
+    }
+
+    // 最终提交文字
+    committedText = getTextareaValue();
+    pendingText = "";
+
+    console.log("[myclaw-voice] \u505c\u6b62\u5f55\u97f3");
+  }
+
+  // ═══ 5. DOM 注入 ═══
+
+  function injectButton() {
+    var toolbar = document.querySelector(".agent-chat__toolbar-left");
+    if (!toolbar || document.querySelector("#myclaw-voice-btn")) return;
+
+    var btn = createVoiceButton();
+
+    // 插入到 token 计数之前，或追加到末尾
+    var tokenCount = toolbar.querySelector(".agent-chat__token-count");
+    if (tokenCount) {
+      toolbar.insertBefore(btn, tokenCount);
+    } else {
+      toolbar.appendChild(btn);
+    }
+
+    injected = true;
+    console.log("[myclaw-inject] \u2705 \u8bed\u97f3\u6309\u94ae\u5df2\u6ce8\u5165");
   }
 
   // ═══ 启动 ═══
   function init() {
     createVersionBar();
+
+    // 初始化 VoiceInput SDK
     initVoice();
+
+    // 持续监听 DOM 变化，确保按钮始终在
+    new MutationObserver(function () {
+      if (!document.querySelector("#myclaw-voice-btn")) {
+        injected = false;
+      }
+      if (!injected) {
+        injectButton();
+      }
+    }).observe(document.documentElement, { childList: true, subtree: true });
+
+    // 尝试立即注入
+    injectButton();
   }
 
-  // 确保 DOM 就绪
   if (document.readyState === "loading") {
     document.addEventListener("DOMContentLoaded", init);
   } else {

package/index.js

@@ -284,6 +284,142 @@ pause
   }
 }
 
+// ============================================================================
+// Open 命令 - 打开浏览器
+// ============================================================================
+
+function runOpen() {
+  const fs = require('fs');
+  const { exec } = require('child_process');
+  const url = args[1] || 'http://127.0.0.1:18789';
+  const platform = os.platform();
+  const bar = '----------------------------------------';
+
+  console.log('');
+  console.log('[' + colors.blue + 'MyClaw' + colors.nc + '] ' + colors.blue + '打开浏览器' + colors.nc);
+  console.log(bar);
+  console.log('');
+
+  // 定义各平台 Chrome 路径
+  let chromePaths = [];
+  if (platform === 'darwin') {
+    chromePaths = [
+      '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+    ];
+  } else if (platform === 'linux') {
+    // 检测是否在 WSL2 环境下
+    let isWSL = false;
+    try {
+      const releaseInfo = fs.readFileSync('/proc/version', 'utf8');
+      if (/microsoft|wsl/i.test(releaseInfo)) isWSL = true;
+    } catch {}
+
+    if (isWSL) {
+      // WSL2 环境下优先使用 Windows 端的 Chrome
+      chromePaths = [
+        '/mnt/c/Program Files/Google/Chrome/Application/chrome.exe',
+        '/mnt/c/Program Files (x86)/Google/Chrome/Application/chrome.exe',
+      ];
+    } else {
+      chromePaths = [
+        '/usr/bin/google-chrome',
+        '/usr/bin/google-chrome-stable',
+        '/usr/bin/chromium-browser',
+        '/usr/bin/chromium',
+      ];
+    }
+  } else if (platform === 'win32') {
+    chromePaths = [
+      path.join(process.env.PROGRAMFILES || 'C:\\Program Files', 'Google', 'Chrome', 'Application', 'chrome.exe'),
+      path.join(process.env['PROGRAMFILES(X86)'] || 'C:\\Program Files (x86)', 'Google', 'Chrome', 'Application', 'chrome.exe'),
+      path.join(os.homedir(), 'AppData', 'Local', 'Google', 'Chrome', 'Application', 'chrome.exe'),
+    ];
+  }
+
+  // 查找 Chrome
+  let chromePath = null;
+  for (const p of chromePaths) {
+    try {
+      if (fs.existsSync(p)) {
+        chromePath = p;
+        break;
+      }
+    } catch {}
+  }
+
+  // 如果没有找到 Chrome
+  if (!chromePath) {
+    console.log('[' + colors.yellow + '提示' + colors.nc + '] 未检测到 Chrome 浏览器');
+    console.log('');
+    console.log('正在打开 Chrome 下载页面...');
+    console.log('');
+
+    const downloadUrl = 'https://www.google.com/chrome/';
+    try {
+      if (platform === 'darwin') {
+        execSync('open "' + downloadUrl + '"', { stdio: 'ignore' });
+      } else if (platform === 'win32') {
+        execSync('start "" "' + downloadUrl + '"', { stdio: 'ignore', shell: true });
+      } else {
+        // Linux / WSL2
+        try {
+          execSync('xdg-open "' + downloadUrl + '"', { stdio: 'ignore' });
+        } catch {
+          // WSL2 fallback
+          try {
+            execSync('powershell.exe -Command "Start-Process \'' + downloadUrl + '\'"', { stdio: 'ignore' });
+          } catch {
+            console.log('请手动下载 Chrome: ' + colors.yellow + downloadUrl + colors.nc);
+          }
+        }
+      }
+    } catch {}
+
+    console.log('安装 Chrome 后重新运行: ' + colors.yellow + 'myclaw open' + colors.nc);
+    console.log('');
+    console.log(bar);
+    console.log('');
+    return;
+  }
+
+  // 打开 URL
+  console.log('[Chrome] ' + colors.green + '已检测到' + colors.nc);
+  console.log('  路径: ' + chromePath);
+  console.log('');
+  console.log('[打开] ' + url);
+
+  try {
+    if (platform === 'darwin') {
+      // macOS: 使用 open 命令打开 Chrome
+      exec('open -a "Google Chrome" "' + url + '"');
+    } else if (platform === 'win32') {
+      exec('"' + chromePath + '" "' + url + '"');
+    } else {
+      // Linux / WSL2
+      let isWSL = false;
+      try {
+        const releaseInfo = fs.readFileSync('/proc/version', 'utf8');
+        if (/microsoft|wsl/i.test(releaseInfo)) isWSL = true;
+      } catch {}
+
+      if (isWSL) {
+        // WSL2: Chrome 路径中有空格，需要特殊处理
+        exec('"' + chromePath + '" "' + url + '"');
+      } else {
+        exec('"' + chromePath + '" "' + url + '"');
+      }
+    }
+    console.log('');
+    console.log('[' + colors.green + '成功' + colors.nc + '] 浏览器已启动');
+  } catch (err) {
+    console.error('[' + colors.red + '错误' + colors.nc + '] 打开浏览器失败: ' + err.message);
+  }
+
+  console.log('');
+  console.log(bar);
+  console.log('');
+}
+
 // ============================================================================
 // Patch / Unpatch / Restart
 // ============================================================================
@@ -387,6 +523,7 @@ function showHelp() {
   console.log('  install    安装 OpenClaw 服务');
   console.log('  status     简化版状态查看（学生友好）');
   console.log('  new        创建新的 Agent（学生练习用）');
+  console.log('  open       打开浏览器控制台（默认 http://127.0.0.1:18789）');
   console.log('  wsl2       WSL2 一键安装/修复 (仅限 Windows)');
   console.log('  bat        在桌面生成一键启动脚本 (仅限 Windows)');
   console.log('  patch      注入 MyClaw UI 扩展到 WebChat');
@@ -395,11 +532,13 @@ function showHelp() {
   console.log('  help       显示帮助信息');
   console.log('');
   console.log('示例:');
-  console.log('  myclaw install    # 安装 OpenClaw');
-  console.log('  myclaw status     # 查看状态');
-  console.log('  myclaw new helper # 创建名为 helper 的 Agent');
-  console.log('  myclaw patch      # 注入 UI 扩展');
-  console.log('  myclaw restart    # 重启 Gateway');
+  console.log('  myclaw install         # 安装 OpenClaw');
+  console.log('  myclaw status          # 查看状态');
+  console.log('  myclaw new helper      # 创建名为 helper 的 Agent');
+  console.log('  myclaw open            # 打开默认控制台');
+  console.log('  myclaw open http://... # 打开指定 URL');
+  console.log('  myclaw patch           # 注入 UI 扩展');
+  console.log('  myclaw restart         # 重启 Gateway');
   console.log('');
   console.log('跨平台: macOS / Linux / Windows (PowerShell/CMD)');
   console.log('');
@@ -419,6 +558,8 @@ if (!command || command === 'help' || command === '--help' || command === '-h')
   runStatus();
 } else if (command === 'new') {
   runNew();
+} else if (command === 'open') {
+  runOpen();
 } else if (command === 'wsl2') {
   runWsl2();
 } else if (command === 'bat') {

package/package.json

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

package/patch.js

@@ -23,6 +23,7 @@ const path = require('path');
 
 const INJECT_MARKER = '<!-- myclaw-inject -->';
 const INJECT_FILENAME = 'myclaw-inject.js';
+const VOICE_SDK_FILENAME = 'voice-input.js';
 const BACKUP_SUFFIX = '.myclaw-backup';
 
 /**
@@ -106,6 +107,8 @@ function patch() {
   const backupPath = indexPath + BACKUP_SUFFIX;
   const injectSrc = path.join(__dirname, 'assets', INJECT_FILENAME);
   const injectDest = path.join(uiDir, INJECT_FILENAME);
+  const voiceSdkSrc = path.join(__dirname, 'voice-input', VOICE_SDK_FILENAME);
+  const voiceSdkDest = path.join(uiDir, VOICE_SDK_FILENAME);
   const version = getMyclawVersion();
 
   console.log('[myclaw-patch] 📍 找到 control-ui: ' + uiDir);
@@ -133,19 +136,34 @@ function patch() {
     return { success: false, reason: 'copy-failed' };
   }
 
-  // 3. Patch index.html（幂等）
+  // 3. 复制 VoiceInput SDK
+  try {
+    fs.copyFileSync(voiceSdkSrc, voiceSdkDest);
+    console.log('[myclaw-patch] 📄 语音 SDK 已复制: ' + voiceSdkDest);
+  } catch (err) {
+    console.error('[myclaw-patch] ⚠️ 语音 SDK 复制失败 (非致命): ' + err.message);
+    // 非致命错误，继续执行
+  }
+
+  // 4. Patch index.html（幂等）
   try {
     let html = fs.readFileSync(indexPath, 'utf8');
 
     // 先移除旧的注入（如果有）
     const markerRegex = new RegExp(
-      INJECT_MARKER + '\\s*<script[^>]*' + INJECT_FILENAME + '[^>]*><\\/script>\\s*',
+      INJECT_MARKER + '[\\s\\S]*?(?=</body>)',
       'g'
     );
     html = html.replace(markerRegex, '');
 
-    // 在 </body> 前注入
-    const injection = INJECT_MARKER + '\n<script src="./' + INJECT_FILENAME + '"></script>\n';
+    // 在 </body> 前注入（SDK 先加载，inject 后加载）
+    const injection = [
+      INJECT_MARKER,
+      '<script src="./' + VOICE_SDK_FILENAME + '"></script>',
+      '<script src="./' + INJECT_FILENAME + '"></script>',
+      '',
+    ].join('\n');
+
     if (html.includes('</body>')) {
       html = html.replace('</body>', injection + '</body>');
     } else {
@@ -153,13 +171,54 @@ function patch() {
     }
 
     fs.writeFileSync(indexPath, html, 'utf8');
-    console.log('[myclaw-patch] ✅ index.html 已注入');
+    console.log('[myclaw-patch] ✅ index.html 已注入 (SDK + inject)');
   } catch (err) {
     console.error('[myclaw-patch] ❌ 注入 index.html 失败: ' + err.message);
     return { success: false, reason: 'inject-failed' };
   }
 
   console.log('[myclaw-patch] 🎉 注入完成! 重启 Gateway 后生效');
+
+  // 5. Patch Permissions-Policy 头（允许麦克风）
+  // OpenClaw 在 gateway-cli-*.js 中硬编码了 microphone=()，需要改为 microphone=(self)
+  try {
+    const distDir = path.join(uiDir, '..');
+    const files = fs.readdirSync(path.join(distDir, '..'));
+    // 找到 dist 目录下的 gateway-cli-*.js
+    const distParent = path.resolve(uiDir, '..');  // dist/
+    const distFiles = fs.readdirSync(distParent);
+    let patched = false;
+
+    for (const f of distFiles) {
+      if (f.startsWith('gateway-cli-') && f.endsWith('.js')) {
+        const filePath = path.join(distParent, f);
+        let content = fs.readFileSync(filePath, 'utf8');
+
+        if (content.includes('microphone=()')) {
+          // 备份
+          const backupFile = filePath + BACKUP_SUFFIX;
+          if (!fs.existsSync(backupFile)) {
+            fs.copyFileSync(filePath, backupFile);
+          }
+
+          content = content.replace(
+            'microphone=()',
+            'microphone=(self)'
+          );
+          fs.writeFileSync(filePath, content, 'utf8');
+          console.log('[myclaw-patch] 🎤 已修复 Permissions-Policy (microphone): ' + f);
+          patched = true;
+        }
+      }
+    }
+
+    if (!patched) {
+      console.log('[myclaw-patch] ⚠️ 未找到 Permissions-Policy 配置，麦克风可能受限');
+    }
+  } catch (err) {
+    console.error('[myclaw-patch] ⚠️ Permissions-Policy 修复失败 (非致命): ' + err.message);
+  }
+
   return { success: true, uiDir: uiDir, version: version };
 }
 
@@ -176,6 +235,7 @@ function unpatch() {
   const indexPath = path.join(uiDir, 'index.html');
   const backupPath = indexPath + BACKUP_SUFFIX;
   const injectDest = path.join(uiDir, INJECT_FILENAME);
+  const voiceSdkDest = path.join(uiDir, VOICE_SDK_FILENAME);
 
   // 恢复备份
   if (fs.existsSync(backupPath)) {
@@ -190,6 +250,29 @@ function unpatch() {
     console.log('[myclaw-patch] ✅ 注入脚本已删除');
   }
 
+  // 删除语音 SDK
+  if (fs.existsSync(voiceSdkDest)) {
+    fs.unlinkSync(voiceSdkDest);
+    console.log('[myclaw-patch] ✅ 语音 SDK 已删除');
+  }
+
+  // 恢复 gateway-cli-*.js 的 Permissions-Policy
+  try {
+    const distParent = path.resolve(uiDir, '..');
+    const distFiles = fs.readdirSync(distParent);
+    for (const f of distFiles) {
+      if (f.startsWith('gateway-cli-') && f.endsWith('.js' + BACKUP_SUFFIX)) {
+        const originalFile = path.join(distParent, f.replace(BACKUP_SUFFIX, ''));
+        const backupFile = path.join(distParent, f);
+        fs.copyFileSync(backupFile, originalFile);
+        fs.unlinkSync(backupFile);
+        console.log('[myclaw-patch] ✅ Permissions-Policy 已恢复: ' + f.replace(BACKUP_SUFFIX, ''));
+      }
+    }
+  } catch (err) {
+    // 非致命
+  }
+
   console.log('[myclaw-patch] 🔄 回滚完成! 重启 Gateway 后生效');
   return { success: true };
 }

package/voice-input/index.html

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>语音输入演示</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: -apple-system, sans-serif; background: #f5f5f5; padding: 40px 20px; }
+    .container { max-width: 500px; margin: 0 auto; }
+    h1 { font-size: 20px; color: #333; margin-bottom: 20px; }
+    textarea {
+      width: 100%; height: 150px; padding: 12px; font-size: 15px;
+      border: 1px solid #ddd; border-radius: 8px; resize: vertical;
+      line-height: 1.6;
+    }
+    .btn {
+      margin-top: 12px; padding: 12px 28px; font-size: 15px;
+      border: none; border-radius: 8px; cursor: pointer;
+      color: white; transition: all 0.2s;
+    }
+    .btn-start { background: #007bff; }
+    .btn-start:hover { background: #0056b3; }
+    .btn-stop { background: #ff4444; }
+    .btn-stop:hover { background: #cc0000; }
+    .btn:disabled { opacity: 0.5; cursor: not-allowed; }
+    .status { margin-top: 10px; font-size: 13px; color: #888; }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>语音输入演示</h1>
+    <textarea id="result" placeholder="识别结果将显示在这里..."></textarea>
+    <div>
+      <button class="btn btn-start" id="startBtn">🎤 开始录音</button>
+      <button class="btn btn-stop" id="stopBtn" disabled>⏹ 停止录音</button>
+    </div>
+    <div class="status" id="status">就绪</div>
+  </div>
+
+  <script src="voice-input.js"></script>
+  <script>
+    var textarea = document.getElementById('result');
+    var startBtn = document.getElementById('startBtn');
+    var stopBtn = document.getElementById('stopBtn');
+    var statusEl = document.getElementById('status');
+
+    var voice = new VoiceInput({
+      onResult: function (text) {
+        textarea.value = text;
+      },
+      onStatusChange: function (oldStatus, newStatus) {
+        var labels = {
+          idle: '就绪',
+          connecting: '连接中...',
+          recording: '🔴 正在录音',
+          stopping: '处理中...'
+        };
+        statusEl.textContent = labels[newStatus] || newStatus;
+        startBtn.disabled = (newStatus !== 'idle');
+        stopBtn.disabled = (newStatus !== 'recording');
+      },
+      onError: function (err) {
+        statusEl.textContent = '❌ ' + err;
+      }
+    });
+
+    startBtn.onclick = function () { voice.start(); };
+    stopBtn.onclick = function () { voice.stop(); };
+  </script>
+</body>
+</html>

package/voice-input/voice-input.js

@@ -0,0 +1,440 @@
+/**
+ * VoiceInput - 独立语音转文字 SDK
+ * 基于讯飞语音听写 WebAPI（流式版）
+ * 
+ * 零依赖，纯原生 JS，任何静态 HTML 页面都能用
+ * 
+ * 用法：
+ *   const voice = new VoiceInput({
+ *     onResult: (text) => { textarea.value = text; }
+ *   });
+ *   voice.start();  // 开始录音
+ *   voice.stop();   // 停止录音
+ */
+(function (global) {
+  'use strict';
+
+  // ============ 默认配置 ============
+  var DEFAULT_CONFIG = {
+    APPID: '029f22a0',
+    APISecret: 'Njk1Y2VlYjhhODhkNTYxM2Y3YTE4YzRl',
+    APIKey: '60f2b651b26629030c861e5b2c96102d',
+    url: 'wss://iat.xf-yun.com/v1',
+    host: 'iat.xf-yun.com',
+    language: 'zh_cn',
+    accent: 'mandarin'
+  };
+
+  // ============ 主线程音频处理（避免 CSP 限制 blob Worker）============
+  var _processorSampleRate = 44100;
+
+  function to16kHz(data) {
+    var fitCount = Math.round(data.length * (16000 / _processorSampleRate));
+    if (fitCount <= 1) return new Float32Array(0);
+    var newData = new Float32Array(fitCount);
+    var springFactor = (data.length - 1) / (fitCount - 1);
+    newData[0] = data[0];
+    for (var i = 1; i < fitCount - 1; i++) {
+      var tmp = i * springFactor;
+      var before = Math.floor(tmp);
+      var after = Math.ceil(tmp);
+      newData[i] = data[before] + (data[after] - data[before]) * (tmp - before);
+    }
+    newData[fitCount - 1] = data[data.length - 1];
+    return newData;
+  }
+
+  function to16BitPCM(input) {
+    var buf = new ArrayBuffer(input.length * 2);
+    var view = new DataView(buf);
+    for (var i = 0; i < input.length; i++) {
+      var s = Math.max(-1, Math.min(1, input[i]));
+      view.setInt16(i * 2, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
+    }
+    return buf;
+  }
+
+  function processAudioData(float32Array) {
+    var output = to16kHz(float32Array);
+    if (output.length === 0) return null;
+    var pcm = to16BitPCM(output);
+    var arr = [];
+    var bytes = new Uint8Array(pcm);
+    for (var i = 0; i < bytes.length; i++) arr.push(bytes[i]);
+    return arr;
+  }
+
+  // ============ 工具函数 ============
+
+  // 使用浏览器原生 SubtleCrypto 做 HMAC-SHA256（无需 CryptoJS）
+  function hmacSHA256(key, message) {
+    var enc = new TextEncoder();
+    return crypto.subtle.importKey(
+      'raw', enc.encode(key), { name: 'HMAC', hash: 'SHA-256' }, false, ['sign']
+    ).then(function (cryptoKey) {
+      return crypto.subtle.sign('HMAC', cryptoKey, enc.encode(message));
+    }).then(function (sig) {
+      return arrayBufferToBase64(sig);
+    });
+  }
+
+  function arrayBufferToBase64(buffer) {
+    var binary = '';
+    var bytes = new Uint8Array(buffer);
+    for (var i = 0; i < bytes.length; i++) {
+      binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+  }
+
+  function toBase64(buffer) {
+    var binary = '';
+    var bytes = new Uint8Array(buffer);
+    for (var i = 0; i < bytes.length; i++) {
+      binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+  }
+
+  function base64ToUtf8(base64Str) {
+    try {
+      var binaryStr = atob(base64Str);
+      var bytes = new Uint8Array(binaryStr.length);
+      for (var i = 0; i < binaryStr.length; i++) {
+        bytes[i] = binaryStr.charCodeAt(i);
+      }
+      return new TextDecoder('utf-8').decode(bytes);
+    } catch (e) {
+      return '';
+    }
+  }
+
+  // ============ VoiceInput 类 ============
+
+  function VoiceInput(opts) {
+    opts = opts || {};
+
+    // 配置
+    this.APPID = opts.APPID || DEFAULT_CONFIG.APPID;
+    this.APISecret = opts.APISecret || DEFAULT_CONFIG.APISecret;
+    this.APIKey = opts.APIKey || DEFAULT_CONFIG.APIKey;
+    this.url = opts.url || DEFAULT_CONFIG.url;
+    this.host = opts.host || DEFAULT_CONFIG.host;
+    this.language = opts.language || DEFAULT_CONFIG.language;
+    this.accent = opts.accent || DEFAULT_CONFIG.accent;
+
+    // 回调
+    this.onResult = opts.onResult || function () {};
+    this.onStatusChange = opts.onStatusChange || function () {};
+    this.onError = opts.onError || function () {};
+
+    // 内部状态
+    this.status = 'idle'; // idle | connecting | recording | stopping | stopped
+    this.audioData = [];
+    this.textSegments = [];
+    this.webSocket = null;
+    this.audioContext = null;
+    this.scriptProcessor = null;
+    this.mediaSource = null;
+    this.streamRef = null;
+    this.sendInterval = null;
+    this.resultTimeout = null;
+    this.worker = null;
+  }
+
+  VoiceInput.prototype._initProcessor = function () {
+    // 主线程处理，无需 Worker
+    this._processorReady = true;
+  };
+
+  VoiceInput.prototype._processAudio = function (float32Array) {
+    var result = processAudioData(float32Array);
+    if (result) {
+      this.audioData.push.apply(this.audioData, result);
+    }
+  };
+
+  VoiceInput.prototype._setStatus = function (status) {
+    if (this.status !== status) {
+      var old = this.status;
+      this.status = status;
+      this.onStatusChange(old, status);
+    }
+  };
+
+  VoiceInput.prototype._getWebSocketUrl = function () {
+    var self = this;
+    var date = new Date().toUTCString();
+    var signatureOrigin = 'host: ' + self.host + '\ndate: ' + date + '\nGET /v1 HTTP/1.1';
+
+    return hmacSHA256(self.APISecret, signatureOrigin).then(function (signature) {
+      var authOrigin = 'api_key="' + self.APIKey + '", algorithm="hmac-sha256", headers="host date request-line", signature="' + signature + '"';
+      var authorization = btoa(authOrigin);
+      return self.url + '?authorization=' + authorization + '&date=' + encodeURIComponent(date) + '&host=' + self.host;
+    });
+  };
+
+  VoiceInput.prototype.start = function () {
+    if (this.status === 'recording' || this.status === 'connecting') return;
+
+    var self = this;
+    this.audioData = [];
+    this.textSegments = [];
+    this._setStatus('connecting');
+
+    // 获取麦克风
+    if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+      this.onError('浏览器不支持录音');
+      this._setStatus('idle');
+      return;
+    }
+
+    navigator.mediaDevices.getUserMedia({ audio: true }).then(function (stream) {
+      self.streamRef = stream;
+
+      // 初始化音频上下文
+      var AudioCtx = window.AudioContext || window.webkitAudioContext;
+      self.audioContext = new AudioCtx();
+      self.audioContext.resume();
+
+      // 告诉处理器实际采样率
+      _processorSampleRate = self.audioContext.sampleRate;
+
+      // 设置音频处理
+      self.scriptProcessor = self.audioContext.createScriptProcessor(0, 1, 1);
+      self.scriptProcessor.onaudioprocess = function (event) {
+        if (self.status === 'recording') {
+          self._processAudio(event.inputBuffer.getChannelData(0));
+        }
+      };
+      self.mediaSource = self.audioContext.createMediaStreamSource(stream);
+      self.mediaSource.connect(self.scriptProcessor);
+      self.scriptProcessor.connect(self.audioContext.destination);
+
+      // 连接 WebSocket
+      self._connectWebSocket();
+    }).catch(function (err) {
+      self.onError('麦克风权限获取失败: ' + err.message);
+      self._setStatus('idle');
+    });
+  };
+
+  VoiceInput.prototype._connectWebSocket = function () {
+    var self = this;
+
+    this._getWebSocketUrl().then(function (url) {
+      var ws = new WebSocket(url);
+      self.webSocket = ws;
+
+      var timeout = setTimeout(function () {
+        if (ws.readyState === WebSocket.CONNECTING) {
+          ws.close();
+          self.onError('WebSocket 连接超时');
+          self._cleanup();
+        }
+      }, 5000);
+
+      ws.onopen = function () {
+        clearTimeout(timeout);
+        self._setStatus('recording');
+        setTimeout(function () { self._startSending(); }, 300);
+      };
+
+      ws.onmessage = function (event) {
+        self._handleResult(event.data);
+      };
+
+      ws.onerror = function () {
+        clearTimeout(timeout);
+        self.onError('WebSocket 连接错误');
+        self._cleanup();
+      };
+
+      ws.onclose = function () {
+        clearTimeout(timeout);
+        if (self.status !== 'idle') {
+          self._setStatus('idle');
+        }
+      };
+    }).catch(function (err) {
+      self.onError('签名失败: ' + err);
+      self._cleanup();
+    });
+  };
+
+  VoiceInput.prototype._startSending = function () {
+    var self = this;
+    if (!this.webSocket || this.webSocket.readyState !== 1) return;
+
+    // 发送首帧（带参数）
+    var firstAudio = this.audioData.splice(0, 1280);
+    if (firstAudio.length === 0) firstAudio = [0]; // 保底
+
+    this.webSocket.send(JSON.stringify({
+      header: { app_id: this.APPID, status: 0 },
+      parameter: {
+        iat: {
+          domain: 'slm',
+          language: this.language,
+          accent: this.accent,
+          eos: 6000,
+          vinfo: 1,
+          dwa: 'wpgs',
+          result: { encoding: 'utf8', compress: 'raw', format: 'json' }
+        }
+      },
+      payload: {
+        audio: {
+          encoding: 'raw', sample_rate: 16000, channels: 1, bit_depth: 16,
+          seq: 1, status: 0, audio: toBase64(firstAudio)
+        }
+      }
+    }));
+
+    // 每 40ms 发送后续帧
+    this.sendInterval = setInterval(function () {
+      if (!self.webSocket || self.webSocket.readyState !== 1 || self.status === 'idle') {
+        clearInterval(self.sendInterval);
+        self.sendInterval = null;
+        return;
+      }
+      // 防数据堆积
+      if (self.audioData.length > 10000) {
+        self.audioData = self.audioData.slice(-5000);
+      }
+      var chunk = self.audioData.splice(0, 1280);
+      if (chunk.length === 0) return;
+
+      self.webSocket.send(JSON.stringify({
+        header: { app_id: self.APPID, status: 1 },
+        payload: {
+          audio: { status: 1, audio: toBase64(chunk) }
+        }
+      }));
+    }, 40);
+  };
+
+  VoiceInput.prototype._handleResult = function (data) {
+    try {
+      var json = JSON.parse(data);
+      if (json.payload && json.payload.result) {
+        var text = base64ToUtf8(json.payload.result.text);
+        var result = JSON.parse(text);
+        if (result.ws) {
+          var current = result.ws.map(function (ws) {
+            return ws.cw.map(function (cw) { return cw.w; }).join('');
+          }).join('');
+          this.textSegments.push({ pgs: result.pgs, text: current });
+          var finalText = this._concatText(this.textSegments);
+          this.onResult(finalText);
+        }
+      }
+      // status=2 表示服务端已返回全部结果
+      if (json.header && json.header.status === 2) {
+        this._cleanupWebSocket();
+      }
+    } catch (e) {
+      // 解析失败忽略
+    }
+  };
+
+  VoiceInput.prototype._concatText = function (data) {
+    var result = '', currentSentence = '', lastRpl = '';
+    data.forEach(function (item) {
+      if (item.pgs === 'apd') {
+        result += lastRpl || currentSentence;
+        currentSentence = item.text;
+        lastRpl = '';
+      } else if (item.pgs === 'rpl') {
+        lastRpl = item.text;
+      }
+    });
+    return result + (lastRpl || currentSentence);
+  };
+
+  VoiceInput.prototype.stop = function () {
+    if (this.status !== 'recording') return;
+
+    this._setStatus('stopping');
+
+    // 停止定时发送
+    if (this.sendInterval) {
+      clearInterval(this.sendInterval);
+      this.sendInterval = null;
+    }
+
+    // 暂停音频采集
+    if (this.audioContext) {
+      this.audioContext.suspend();
+    }
+
+    // 发送尾帧
+    if (this.webSocket && this.webSocket.readyState === WebSocket.OPEN) {
+      this.webSocket.send(JSON.stringify({
+        header: { app_id: this.APPID, status: 2 },
+        payload: {
+          audio: {
+            encoding: 'raw', sample_rate: 16000, channels: 1, bit_depth: 16,
+            seq: 999, status: 2, audio: ''
+          }
+        }
+      }));
+
+      // 3秒超时强制关闭
+      var self = this;
+      this.resultTimeout = setTimeout(function () {
+        self._cleanupWebSocket();
+      }, 3000);
+    } else {
+      this._cleanup();
+    }
+  };
+
+  VoiceInput.prototype._cleanupWebSocket = function () {
+    if (this.resultTimeout) {
+      clearTimeout(this.resultTimeout);
+      this.resultTimeout = null;
+    }
+    if (this.webSocket) {
+      this.webSocket.close();
+      this.webSocket = null;
+    }
+    this._stopAudioStream();
+    this._setStatus('idle');
+  };
+
+  VoiceInput.prototype._stopAudioStream = function () {
+    if (this.streamRef) {
+      this.streamRef.getTracks().forEach(function (t) { t.stop(); });
+      this.streamRef = null;
+    }
+    if (this.scriptProcessor) {
+      this.scriptProcessor.disconnect();
+      this.scriptProcessor = null;
+    }
+    if (this.mediaSource) {
+      this.mediaSource.disconnect();
+      this.mediaSource = null;
+    }
+    if (this.audioContext) {
+      this.audioContext.close();
+      this.audioContext = null;
+    }
+  };
+
+  VoiceInput.prototype._cleanup = function () {
+    if (this.sendInterval) {
+      clearInterval(this.sendInterval);
+      this.sendInterval = null;
+    }
+    this._cleanupWebSocket();
+  };
+
+  VoiceInput.prototype.destroy = function () {
+    this._cleanup();
+  };
+
+  // 暴露到全局
+  global.VoiceInput = VoiceInput;
+
+})(typeof window !== 'undefined' ? window : this);