agentgui 1.0.537 → 1.0.539

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.537",
+  "version": "1.0.539",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",

package/static/js/client.js

@@ -1350,7 +1350,8 @@ class AgentGUIClient {
     }
 
     this.disableControls();
-    const savedPrompt = prompt;
+    const ttsActive = window.TTSHandler && window.TTSHandler.getAutoSpeak && window.TTSHandler.getAutoSpeak();
+    const savedPrompt = ttsActive ? prompt + '\n\n[Respond optimized for text-to-speech: use short sentences, simple words, and focus on clarity.]' : prompt;
     if (this.ui.messageInput) {
       this.ui.messageInput.value = '';
       this.ui.messageInput.style.height = 'auto';

package/static/js/streaming-renderer.js

@@ -1626,6 +1626,26 @@ class StreamingRenderer {
     return div;
   }
 
+  /**
+   * Detect if content is a base64-encoded image
+   */
+  detectBase64Image(content) {
+    if (!content || typeof content !== 'string') return null;
+    const trimmed = content.trim();
+    const signatures = {
+      'png': /^iVBORw0KGgo/,
+      'jpeg': /^\/9j\/4AAQ/,
+      'webp': /^UklGRi/,
+      'gif': /^R0lGODlh/
+    };
+    for (const [type, pattern] of Object.entries(signatures)) {
+      if (pattern.test(trimmed)) {
+        return { type, isBase64: true, data: trimmed };
+      }
+    }
+    return null;
+  }
+
   /**
    * Render file read event
    */
@@ -1651,7 +1671,13 @@ class StreamingRenderer {
       let html = '';
       if (event.path) html += this.renderFilePath(event.path);
       if (event.content) {
-        html += `<pre style="background:#1e293b;padding:0.75rem;border-radius:0.375rem;overflow-x:auto;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:0.75rem;line-height:1.5;color:#e2e8f0;margin:0.5rem 0 0 0"><code class="lazy-hl">${this.escapeHtml(this.truncateContent(event.content, 2000))}</code></pre>`;
+        const imageInfo = this.detectBase64Image(event.content);
+        if (imageInfo) {
+          const mimeType = imageInfo.type === 'jpeg' ? 'image/jpeg' : `image/${imageInfo.type}`;
+          html += `<div style="padding:0.5rem;display:flex;flex-direction:column;gap:0.5rem"><img src="data:${mimeType};base64,${this.escapeHtml(imageInfo.data)}" style="max-width:100%;max-height:600px;border-radius:0.375rem;border:1px solid #334155" loading="lazy"><div style="font-size:0.7rem;color:#64748b;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;word-break:break-all">${this.escapeHtml(event.path)}</div></div>`;
+        } else {
+          html += `<pre style="background:#1e293b;padding:0.75rem;border-radius:0.375rem;overflow-x:auto;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:0.75rem;line-height:1.5;color:#e2e8f0;margin:0.5rem 0 0 0"><code class="lazy-hl">${this.escapeHtml(this.truncateContent(event.content, 2000))}</code></pre>`;
+        }
       }
       body.innerHTML = html;
       details.appendChild(body);

package/static/js/voice.js

@@ -60,7 +60,6 @@
     audioChunkQueue = []; isPlayingChunk = false;
     var cached = ttsAudioCache.get(selectedVoiceId + ':' + text);
     if (cached) { ttsConsecutiveFailures = 0; audioChunkQueue.push(cached); streamDone = true; if (!isPlayingChunk) playNextChunk(); return; }
-    var opt = text + ' [Optimize for speech: Keep it short. Use simple words. Use short sentences. Focus on clarity.]';
     function ok() { ttsConsecutiveFailures = 0; }
     function fail() {
       if (++ttsConsecutiveFailures >= TTS_MAX_FAILURES) { ttsDisabledUntilReset = true; speechQueue = []; }
@@ -68,8 +67,8 @@
       if (!ttsDisabledUntilReset) processQueue();
     }
     function stream() {
-      if (!streamingSupported) { nonStream(opt); return; }
-      fetch(BASE + '/api/tts-stream', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ text: opt, voiceId: selectedVoiceId }) })
+      if (!streamingSupported) { nonStream(text); return; }
+      fetch(BASE + '/api/tts-stream', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ text: text, voiceId: selectedVoiceId }) })
         .then(function(r) {
           if (!r.ok) { streamingSupported = false; throw 0; }
           var reader = r.body.getReader(), buf = new Uint8Array(0);