myagent-ai 1.15.85 → 1.15.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myagent-ai",
-  "version": "1.15.85",
+  "version": "1.15.86",
   "description": "本地桌面端执行型AI助手 - Open Interpreter 风格 | Local Desktop Execution-Oriented AI Assistant",
   "main": "main.py",
   "bin": {

package/web/ui/chat/chat.css

@@ -1814,6 +1814,15 @@ input,textarea,select{font:inherit}
 }
 .msg-action-btn:hover{background:var(--bg3);color:var(--accent)}
 .msg-action-btn svg{width:14px;height:14px}
+.msg-action-btn.tts-speaking{
+  color:var(--accent);opacity:1;
+  animation:ttsBtnPulse 1.2s ease-in-out infinite;
+}
+.msg-action-btn.tts-speaking:hover{color:#e74c3c;background:rgba(231,76,60,.1)}
+@keyframes ttsBtnPulse{
+  0%,100%{opacity:.7;transform:scale(1)}
+  50%{opacity:1;transform:scale(1.1)}
+}
 
 /* TTS playing indicator */
 .tts-playing-icon{

package/web/ui/chat/chat_main.js

@@ -2520,16 +2520,20 @@ function _renderMessagesInner() {
         <div class="thought-content reasoning-content">${renderMarkdown(msg.reasoning)}</div>
       </details>`;
     })() : '';
+    const _isSpeakingThis = ttsManager && ttsManager.isPlaying && ttsManager.currentMsgIndex === i;
     const actionBtns = (!isUser && msg.content) ? `
       <div class="msg-actions">
         <button class="msg-action-btn" onclick="copyMessage(${i})" title="复制">
           <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
         </button>
-        <button class="msg-action-btn" onclick="speakMessage(${i})" title="朗读">
-          <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/></svg>
+        <button class="msg-action-btn${_isSpeakingThis ? ' tts-speaking' : ''}" onclick="speakMessage(${i})" title="${_isSpeakingThis ? '停止朗读' : '朗读'}">
+          ${_isSpeakingThis
+            ? '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><line x1="23" y1="9" x2="17" y2="15"/><line x1="17" y1="9" x2="23" y2="15"/></svg>'
+            : '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/></svg>'
+          }
         </button>
       </div>` : '';
-    const ttsIndicator = ttsManager && ttsManager.isPlaying && ttsManager.currentMsgIndex === i ?
+    const ttsIndicator = _isSpeakingThis ?
       ' <span class="tts-playing-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/></svg></span>' : '';
 
     // ── Determine rendering mode and streaming indicator ──
@@ -4163,9 +4167,15 @@ function toggleTTS() {
   ttsManager.toggle();
 }
 
-// Speak a specific message
+// Toggle speak a specific message (click to play, click again to stop)
 function speakMessage(index) {
-  ttsManager.speak(index);
+  if (ttsManager.isPlaying && ttsManager.currentMsgIndex === index) {
+    // 正在播放这条消息 → 停止
+    ttsManager.stop();
+  } else {
+    // 没在播放或播放的是别的消息 → 播放这条
+    ttsManager.speak(index);
+  }
 }
 
 // Copy message content to clipboard (assembles full text from all sources)