UI: голосовой ввод/STT, TTS через OpenAI, настройки инструментов + учёт недопроверенных фич

2026-05-13 02:01:51 +03:00
parent ddeaf82bfd
commit 8de4e95c6a
15 changed files with 716 additions and 5 deletions
@@ -2,6 +2,7 @@ import { renderHeader } from '../components/header.js';
 import { directMessages } from '../mock-data.js';
 import {
  addAppLogEntry,
+  addChatMessage,
  addSystemChatMessage,
  addOutgoingPendingMessage,
  getChatMessages,
@@ -12,6 +13,8 @@ import {
  state,
 } from '../state.js';
 import { startOutgoingCall } from '../services/call-service.js';
+import { openSpeechInputModal } from '../components/speech-input-modal.js';
+import { isTextToSpeechConfigured, speakTextBySettings } from '../services/speech-tools-service.js';

 export const pageMeta = { id: 'chat-view', title: 'Чат' };

@@ -200,9 +203,41 @@ export function render({ navigate, route }) {
  form.className = 'chat-input dm-chat-input';
  form.innerHTML = `
    <input class="input dm-input" type="text" name="message" placeholder="Введите сообщение" maxlength="300" />
+    <button class="ghost-btn dm-voice-btn" type="button" id="chat-voice-input">🎤</button>
+    <button class="ghost-btn dm-voice-btn" type="button" id="chat-read-aloud">🔊</button>
    <button class="primary-btn dm-send-btn" type="submit">Отправить</button>
  `;

+  form.querySelector('#chat-voice-input')?.addEventListener('click', async () => {
+    const input = form.elements.message;
+    await openSpeechInputModal({
+      navigate,
+      onTextReady: (text) => {
+        const prev = String(input.value || '').trim();
+        input.value = prev ? `${prev} ${text}` : text;
+      },
+    });
+  });
+
+  form.querySelector('#chat-read-aloud')?.addEventListener('click', async () => {
+    const input = form.elements.message;
+    const text = String(input.value || '').trim();
+    if (!text) {
+      window.alert('Введите текст для озвучки.');
+      return;
+    }
+    if (!isTextToSpeechConfigured(state.entrySettings)) {
+      const goSettings = window.confirm('Озвучка не настроена. Перейти в настройки инструментов?');
+      if (goSettings) navigate('tools-settings-view');
+      return;
+    }
+    try {
+      await speakTextBySettings(text, state.entrySettings);
+    } catch (error) {
+      window.alert(`Ошибка озвучки: ${error?.message || 'unknown'}`);
+    }
+  });
+
  form.addEventListener('submit', async (event) => {
    event.preventDefault();
    const input = form.elements.message;