@wendongfly/myhi 1.3.59 → 1.3.61

package/dist/chat.html

@@ -350,6 +350,7 @@
       <button class="sk sk-claude" onclick="doSlashCmd('/rename')">命名</button>
       <button class="sk sk-claude" onclick="openGitSheet()" style="color:#3fb950">提交</button>
       <button class="sk sk-claude" onclick="showMemory()">记忆</button>
+      <button class="sk sk-claude" onclick="openVaSheet()" style="color:#1f6feb">语音</button>
       <button class="sk sk-claude" onclick="openSkillSheet()" style="color:#9d5cf5">技能</button>
       <span id="sk-builtin-skills"></span>
       <span id="sk-custom-skills"></span>
@@ -391,6 +392,19 @@
       <label class="setting-toggle"><span>显示思考过程</span><input type="checkbox" id="set-thinking" checked></label>
       <label class="setting-toggle"><span>工具调用默认折叠</span><input type="checkbox" id="set-collapse" checked></label>
     </div>
+    <div class="setting-group">
+      <h4>语音识别 (ASR)</h4>
+      <div style="font-size:0.72rem;color:#8b949e;margin-bottom:0.35rem">SenseVoice 或兼容服务的地址，留空表示禁用语音</div>
+      <div style="display:flex;gap:0.4rem">
+        <input id="set-asr-url" class="slash-inp" placeholder="http://192.168.x.x:8765" autocomplete="off" style="flex:1;font-size:0.82rem">
+        <button onclick="saveAsrUrl()" style="background:#1f6feb;color:#fff;border:none;border-radius:8px;padding:0.4rem 0.8rem;font-size:0.78rem;cursor:pointer;white-space:nowrap">保存</button>
+      </div>
+      <div id="set-asr-status" style="font-size:0.72rem;min-height:1.2em;margin-top:0.25rem;color:#8b949e"></div>
+    </div>
+    <div class="setting-group">
+      <h4>服务管理</h4>
+      <button onclick="restartMyhi()" style="width:100%;padding:0.6rem;background:#da3633;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:0.85rem;font-weight:600;margin-top:0.1rem">重启 myhi</button>
+    </div>
   </div>
 
   <!-- QR弹窗 -->
@@ -569,6 +583,36 @@
     </div>
   </div>
 
+  <!-- 语音需求助手面板 -->
+  <div id="va-sheet" class="action-sheet">
+    <div class="action-sheet-backdrop" onclick="closeVaSheet()"></div>
+    <div class="action-sheet-box" style="max-height:90vh;display:flex;flex-direction:column">
+      <div class="action-sheet-title" style="display:flex;align-items:center;justify-content:space-between">
+        <span>语音需求助手</span>
+        <button onclick="vaClear()" style="background:none;border:none;color:#8b949e;font-size:0.78rem;cursor:pointer;padding:0.2rem 0.4rem">清除</button>
+      </div>
+      <div id="va-transcript" style="flex:1;overflow-y:auto;min-height:80px;max-height:28vh;padding:0.6rem 0.8rem;background:#0d1117;border:1px solid #30363d;border-radius:8px;margin:0 0.2rem 0.4rem;font-size:0.85rem;color:#c9d1d9;line-height:1.65;scrollbar-width:thin;white-space:pre-wrap">
+        <span style="color:#8b949e">按住大按钮说话，松手自动识别，多轮累积后整理成需求...</span>
+      </div>
+      <div id="va-result-wrap" style="display:none;padding:0 0.2rem 0.3rem">
+        <div style="font-size:0.72rem;color:#8b949e;margin-bottom:0.2rem">整理后的需求</div>
+        <textarea id="va-result" class="slash-inp" rows="6" style="resize:vertical;font-size:0.82rem;line-height:1.5;font-family:monospace"></textarea>
+      </div>
+      <button id="va-record-btn"
+        style="background:#1f6feb;color:#fff;font-size:1.1rem;font-weight:700;padding:1.1rem;margin:0 0.2rem 0.3rem;border:none;border-radius:12px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none">
+        按住说话
+      </button>
+      <div id="va-status" style="text-align:center;font-size:0.78rem;color:#8b949e;min-height:1.3em;margin-bottom:0.2rem"></div>
+      <div style="display:flex;gap:0.4rem;padding:0 0.2rem">
+        <button id="va-organize-btn" class="action-sheet-cancel" onclick="vaOrganize()"
+          style="flex:1;background:#7c3aed;color:#fff;font-weight:600;margin-bottom:0">整理成需求</button>
+        <button id="va-send-btn" class="action-sheet-cancel" onclick="vaSend()"
+          style="flex:1;background:#1f6feb;color:#fff;font-weight:600;margin-bottom:0;display:none">发送到对话</button>
+      </div>
+      <button class="action-sheet-cancel" onclick="closeVaSheet()" style="margin-top:0.4rem">关闭</button>
+    </div>
+  </div>
+
   <div id="status-overlay">连接中...</div>
 
   <script type="module">
@@ -2044,11 +2088,49 @@
       document.getElementById('set-parse').checked = settings.parseOutput;
       document.getElementById('set-thinking').checked = settings.showThinking;
       document.getElementById('set-collapse').checked = settings.collapseTools;
+      // 从服务端加载 ASR URL
+      fetch('/api/server-config').then(r => r.json()).then(d => {
+        document.getElementById('set-asr-url').value = d.asrUrl || '';
+      }).catch(() => {});
     }
     document.getElementById('set-parse').addEventListener('change', (e) => { settings.parseOutput = e.target.checked; saveSettings(); });
     document.getElementById('set-thinking').addEventListener('change', (e) => { settings.showThinking = e.target.checked; saveSettings(); });
     document.getElementById('set-collapse').addEventListener('change', (e) => { settings.collapseTools = e.target.checked; saveSettings(); });
 
+    window.saveAsrUrl = async function() {
+      const url = document.getElementById('set-asr-url').value.trim();
+      const statusEl = document.getElementById('set-asr-status');
+      statusEl.style.color = '#8b949e';
+      statusEl.textContent = '保存中...';
+      try {
+        const resp = await fetch('/api/server-config', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ asrUrl: url }),
+        });
+        const data = await resp.json();
+        if (data.ok) {
+          statusEl.style.color = '#3fb950';
+          statusEl.textContent = url ? '已保存，重启后生效（如已设置 ASR_URL 环境变量则以环境变量为准）' : '已清空';
+        } else {
+          statusEl.style.color = '#f85149';
+          statusEl.textContent = '保存失败: ' + (data.error || '未知错误');
+        }
+      } catch (e) {
+        statusEl.style.color = '#f85149';
+        statusEl.textContent = '请求失败: ' + e.message;
+      }
+    };
+
+    window.restartMyhi = async function() {
+      if (!confirm('确认重启 myhi 服务？\n重启期间连接会短暂中断，页面将自动重连。')) return;
+      try {
+        await fetch('/api/restart', { method: 'POST' });
+      } catch {}
+      addStatusMessage('服务重启中，请稍候...');
+      closeSettings();
+    };
+
     // ── 辅助 ──────────────────────────────────────
     function updateViewers(count) { document.getElementById('viewer-count').textContent = count > 1 ? `${count} 人在线` : ''; }
     window.goBack = function() { window.location.href = '/'; };
@@ -3060,6 +3142,161 @@
 
     window.toggleVoice = _startVoice; // 保留 onclick 兼容
 
+    // ── 语音需求助手 ──────────────────────────────────────────
+    let _vaLines = [];
+    let _vaMR = null;
+    let _vaActive = false;
+    let _vaStartTime2 = 0;
+
+    const _vaBtn = document.getElementById('va-record-btn');
+    const _vaStatusEl = document.getElementById('va-status');
+
+    function _vaSetStatus(t) { _vaStatusEl.textContent = t || ''; }
+
+    function _vaRender() {
+      const el = document.getElementById('va-transcript');
+      if (_vaLines.length === 0) {
+        el.innerHTML = '<span style="color:#8b949e">按住大按钮说话，松手自动识别，多轮累积后整理成需求...</span>';
+      } else {
+        el.textContent = _vaLines.map((t, i) => `[${i + 1}] ${t}`).join('\n\n');
+        el.scrollTop = el.scrollHeight;
+      }
+    }
+
+    async function _vaStart() {
+      if (_vaActive) return;
+      if (!navigator.mediaDevices?.getUserMedia) {
+        _vaSetStatus('浏览器不支持麦克风（需要 HTTPS）'); return;
+      }
+      let stream;
+      try {
+        stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      } catch (e) {
+        _vaSetStatus(e.name === 'NotAllowedError' ? '麦克风权限被拒绝，请在地址栏允许' : '麦克风失败: ' + e.message);
+        return;
+      }
+      const chunks = [];
+      _vaMR = new MediaRecorder(stream);
+      _vaMR.ondataavailable = (e) => { if (e.data.size > 0) chunks.push(e.data); };
+      _vaMR.onstop = async () => {
+        stream.getTracks().forEach(t => t.stop());
+        await _vaTranscribe(new Blob(chunks, { type: _vaMR.mimeType || 'audio/webm' }));
+      };
+      _vaMR.start();
+      _vaActive = true;
+      _vaBtn.textContent = '松手停止';
+      _vaBtn.style.background = '#da3633';
+      _vaSetStatus('录音中...');
+    }
+
+    function _vaStop() {
+      if (!_vaActive || !_vaMR) return;
+      _vaActive = false;
+      _vaBtn.textContent = '按住说话';
+      _vaBtn.style.background = '#1f6feb';
+      _vaSetStatus('识别中...');
+      _vaMR.stop();
+    }
+
+    async function _vaTranscribe(blob) {
+      try {
+        const form = new FormData();
+        form.append('audio', blob, 'audio.webm');
+        const resp = await fetch(`/api/voice-transcribe?sessionId=${SESSION_ID}`, { method: 'POST', body: form });
+        const data = await resp.json();
+        if (resp.status === 503) {
+          _vaSetStatus('ASR 服务未配置');
+        } else if (data.text) {
+          _vaLines.push(data.text);
+          _vaRender();
+          _vaSetStatus(`第 ${_vaLines.length} 段已录入，可继续录或点"整理成需求"`);
+        } else {
+          _vaSetStatus('未识别到内容，请重试');
+        }
+      } catch (e) {
+        _vaSetStatus('上传失败: ' + e.message);
+      }
+    }
+
+    window.openVaSheet = function() {
+      document.getElementById('va-sheet').classList.add('active');
+      _vaRender();
+    };
+    window.closeVaSheet = function() {
+      document.getElementById('va-sheet').classList.remove('active');
+      if (_vaActive) _vaStop();
+    };
+    window.vaClear = function() {
+      _vaLines = [];
+      document.getElementById('va-result-wrap').style.display = 'none';
+      document.getElementById('va-send-btn').style.display = 'none';
+      document.getElementById('va-organize-btn').style.display = '';
+      _vaRender();
+      _vaSetStatus('');
+    };
+    window.vaOrganize = async function() {
+      if (_vaLines.length === 0) { _vaSetStatus('请先录入语音内容'); return; }
+      const btn = document.getElementById('va-organize-btn');
+      btn.textContent = '整理中...';
+      btn.disabled = true;
+      try {
+        const resp = await fetch('/api/voice-assist/organize', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ transcript: _vaLines.join('\n'), sessionId: SESSION_ID }),
+        });
+        const data = await resp.json();
+        if (data.requirement) {
+          document.getElementById('va-result').value = data.requirement;
+          document.getElementById('va-result-wrap').style.display = '';
+          document.getElementById('va-send-btn').style.display = '';
+          _vaSetStatus('整理完成，可编辑后点"发送到对话"');
+        } else {
+          _vaSetStatus('整理失败: ' + (data.error || '未知错误'));
+        }
+      } catch (e) {
+        _vaSetStatus('请求失败: ' + e.message);
+      } finally {
+        btn.textContent = '整理成需求';
+        btn.disabled = false;
+      }
+    };
+    window.vaSend = function() {
+      const text = document.getElementById('va-result').value.trim();
+      if (!text) return;
+      cmdInput.value = text;
+      window.closeVaSheet();
+      if (!_isTouchDevice()) cmdInput.focus();
+    };
+
+    // 大录音按钮事件（长按逻辑与主录音按钮一致）
+    _vaBtn.addEventListener('pointerdown', (e) => {
+      e.preventDefault();
+      _vaStartTime2 = Date.now();
+      _vaStart();
+    });
+    _vaBtn.addEventListener('pointerup', (e) => {
+      e.preventDefault();
+      if (!_vaActive) return;
+      const elapsed = Date.now() - _vaStartTime2;
+      if (elapsed < MIN_RECORD_MS) {
+        _vaActive = false;
+        _vaBtn.textContent = '按住说话';
+        _vaBtn.style.background = '#1f6feb';
+        try { _vaMR?.stream?.getTracks().forEach(t => t.stop()); } catch {}
+        try { if (_vaMR?.state !== 'inactive') _vaMR?.stop(); } catch {}
+        _vaMR = null;
+        _vaSetStatus('请按住按钮说话，松手识别');
+        return;
+      }
+      _vaStop();
+    });
+    _vaBtn.addEventListener('pointercancel', () => { if (_vaActive) _vaStop(); });
+    _vaBtn.addEventListener('click', (e) => {
+      if (_isTouchDevice()) return; // 触屏由 pointer 处理
+      if (_vaActive) { _vaStop(); } else { _vaStart(); }
+    });
+
     cmdInput.focus();
 
     // ── 版本更新检查 ──────────────────────────────