@wendongfly/myhi 1.3.58 → 1.3.60

package/dist/chat.html

@@ -137,8 +137,9 @@
     #img-preview .img-remove:hover { background: #f85149; color: #fff; }
     #input-box.focused { border-color: #58a6ff; }
     #input-box.disabled { opacity: 0.5; pointer-events: none; }
-    #cmd-input { display: block; width: 100%; background: transparent; color: #e6edf3; border: none; padding: 0.6rem 0.75rem 0.3rem; font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace; font-size: 0.85rem; outline: none; resize: none; line-height: 1.4; max-height: 120px; overflow-y: auto; }
+    #cmd-input { display: block; width: 100%; background: transparent; color: #e6edf3; border: none; padding: 0.6rem 0.75rem 0.3rem; font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace; font-size: 0.85rem; outline: none; resize: none; line-height: 1.5; max-height: 140px; overflow-y: auto; }
     #cmd-input::placeholder { color: #484f58; }
+    @media (pointer: coarse) { #cmd-input { font-size: 1rem; padding: 0.75rem 0.75rem 0.35rem; line-height: 1.55; } }
     #input-toolbar { display: flex; align-items: center; padding: 0.25rem 0.4rem 0.4rem; gap: 0.15rem; }
     #input-toolbar .spacer { flex: 1; }
     .tb-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; border: none; background: transparent; color: #8b949e; cursor: pointer; transition: all 0.15s; flex-shrink: 0; }
@@ -349,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>
@@ -568,6 +570,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">
@@ -3019,11 +3051,14 @@
         addStatusMessage('语音上传失败: ' + e.message);
       } finally {
         _voicePlaceholder();
-        cmdInput.focus();
+        if (!_isTouchDevice()) cmdInput.focus(); // 触屏不抢焦点，避免弹键盘
       }
     }
 
-    // 桌面端：点击切换；触屏：按住录音，松手发送
+    // 桌面端：点击切换；触屏：长按录音松手发送，短按提示
+    const MIN_RECORD_MS = 400;
+    let _voiceStartTime = 0;
+
     _voiceBtn.addEventListener('click', (e) => {
       if (_isTouchDevice()) return; // 触屏由 pointer 事件处理
       _startVoice();
@@ -3031,17 +3066,186 @@
     _voiceBtn.addEventListener('pointerdown', (e) => {
       if (!_isTouchDevice()) return;
       e.preventDefault();
+      cmdInput.blur(); // 防止键盘弹出
+      _voiceStartTime = Date.now();
       _startVoice();
     });
     _voiceBtn.addEventListener('pointerup', (e) => {
       if (!_isTouchDevice() || !_voiceActive) return;
       e.preventDefault();
+      const elapsed = Date.now() - _voiceStartTime;
+      if (elapsed < MIN_RECORD_MS) {
+        // 短按：取消录音，不上传，给提示
+        _voiceActive = false;
+        _voiceBtn.classList.remove('recording');
+        _voicePlaceholder();
+        try { _mediaRecorder?.stream?.getTracks().forEach(t => t.stop()); } catch {}
+        try { if (_mediaRecorder?.state !== 'inactive') _mediaRecorder?.stop(); } catch {}
+        _mediaRecorder = null;
+        addStatusMessage('请长按 🎤 录音（按住说话，松手识别）');
+        return;
+      }
       _stopVoice();
     });
     _voiceBtn.addEventListener('pointercancel', () => { if (_voiceActive) _stopVoice(); });
 
     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();
 
     // ── 版本更新检查 ──────────────────────────────