kingkont 0.7.24 → 0.7.25

package/index.html

@@ -6925,14 +6925,38 @@ let voicesLoaded = false;
 const VOICES_CACHE_KEY = 'voicesCache';
 const VOICES_CACHE_TTL = 24 * 60 * 60 * 1000;
 
+// ElevenLabs v3 в KingKont/Chatium ждёт voice СТРОГО из этого enum'а.
+// (см. server-side validation: ValidationError: voice: invalid enum value).
+// Это не воссы из ElevenLabs API, а hardcoded набор поддерживаемых @start/sdk.
+const ELEVENLABS_V3_VOICES = [
+  'Rachel', 'Drew', 'Clyde', 'Paul', 'Aria', 'Domi', 'Dave', 'Roger',
+  'Fin', 'Sarah', 'James', 'Jane', 'Juniper', 'Arabella', 'Hope',
+  'Bradford', 'Reginald', 'Gaming', 'Austin', 'Kuon', 'Blondie',
+  'Priyanka', 'Alexandra', 'Monika', 'Mark', 'Grimblewood',
+];
+
 function populateVoicesSelect(voices) {
   const select = $('genVoice');
   select.innerHTML = '';
+  // Если активна ElevenLabs v3 (через KingKont) — показываем только enum.
+  if (state.ttsModel === 'elevenlabs/v3') {
+    for (const name of ELEVENLABS_V3_VOICES) {
+      const opt = document.createElement('option');
+      opt.value = name;            // value = name (для KingKont)
+      opt.dataset.voiceName = name;
+      opt.textContent = name;
+      select.appendChild(opt);
+    }
+    const last = localStorage.getItem('lastElevenV3Voice');
+    if (last && ELEVENLABS_V3_VOICES.includes(last)) select.value = last;
+    return;
+  }
+  // Иначе — список из ElevenLabs API (для прямого ElevenLabs, не KingKont).
   voices.sort((a, b) => a.name.localeCompare(b.name));
   for (const v of voices) {
     const opt = document.createElement('option');
     opt.value = v.id;
-    opt.dataset.voiceName = v.name;  // нужно для KingKont elevenlabs/v3 (он ждёт name, не id)
+    opt.dataset.voiceName = v.name;
     const lbl = v.labels || {};
     const tags = [lbl.gender, lbl.language || lbl.accent, lbl.age].filter(Boolean).join(' / ');
     opt.textContent = tags ? `${v.name} — ${tags}` : v.name;
@@ -7006,17 +7030,21 @@ document.querySelectorAll('#genModal [data-tts-model]').forEach(b => {
     b.classList.add('active');
     state.ttsModel = b.dataset.ttsModel;
     localStorage.setItem('ttsModel', state.ttsModel);
-    // voiceRow с ElevenLabs-голосами имеет смысл только для elevenlabs/v3.
-    const showVoice = state.ttsModel === 'elevenlabs/v3';
-    $('voiceRow').style.display = showVoice ? '' : 'none';
+    syncTtsVoiceList();
   });
 });
+function syncTtsVoiceList() {
+  const showVoice = state.ttsModel === 'elevenlabs/v3';
+  $('voiceRow').style.display = showVoice ? '' : 'none';
+  if (showVoice) {
+    // Перерисовываем select под elevenlabs/v3 enum (hardcoded 26 имён).
+    populateVoicesSelect([]);
+  }
+}
 function syncTtsModelActive() {
   document.querySelectorAll('#genModal [data-tts-model]').forEach(b =>
     b.classList.toggle('active', b.dataset.ttsModel === state.ttsModel));
-  // Скрыть voiceRow если модель не elevenlabs (только для неё имеет смысл список).
-  const showVoice = state.ttsModel === 'elevenlabs/v3';
-  $('voiceRow').style.display = showVoice ? '' : 'none';
+  syncTtsVoiceList();
 }
 // Подсветить активную video-модель при открытии modal'а
 function syncVideoModelActive() {
@@ -7112,7 +7140,16 @@ $('genSubmit').addEventListener('click', async () => {
   if (kind === 'audio') {
     const voiceId = $('genVoice').value || 'JBFqnCBsd6RMkjVDRZzb';
     const voiceName = $('genVoice').selectedOptions[0]?.textContent || '';
-    if (voiceId) localStorage.setItem('lastVoiceId', voiceId);
+    if (voiceId) {
+      // Для ElevenLabs v3 (через KingKont) value === name из enum.
+      // Сохраняем в отдельный ключ, иначе при переключении модели
+      // подставится UUID-id и select не выберет его.
+      if (state.ttsModel === 'elevenlabs/v3') {
+        localStorage.setItem('lastElevenV3Voice', voiceId);
+      } else {
+        localStorage.setItem('lastVoiceId', voiceId);
+      }
+    }
     // Резолвим @-mentions ДО добавления tone-prefix: text-ноды инлайнятся
     // в их .md-содержимое, иначе ElevenLabs получит «[@name]» → пусто после
     // strip-spec-tags и упадёт «empty text».

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.7.24",
+  "version": "0.7.25",
   "description": "KingKont \u00b7 Chatium \u2014 \u043d\u043e\u0434-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0446\u0435\u043d \u0441 AI-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0435\u0439 (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438/\u0432\u0438\u0434\u0435\u043e/\u0433\u043e\u043b\u043e\u0441/SFX/\u043c\u0443\u0437\u044b\u043a\u0430/\u0442\u0435\u043a\u0441\u0442)",
   "main": "main.js",
   "bin": {

package/updates.html

@@ -70,6 +70,10 @@
     @keyframes spin { to { transform: rotate(360deg); } }
 
     .error { color: #ef4444; font-size: 12px; margin-top: 12px; }
+    @keyframes pulse {
+      0%, 100% { box-shadow: 0 0 0 0 rgba(22,163,74,0.55); }
+      50%      { box-shadow: 0 0 0 8px rgba(22,163,74,0); }
+    }
   </style>
 </head>
 <body>
@@ -89,9 +93,10 @@
       </div>
     </div>
     <div id="updateBlock" style="display:none;">
-      <div style="display:flex; gap:8px; align-items:center; margin-top:6px; flex-wrap:wrap;">
+      <div style="display:flex; gap:8px; align-items:center; margin-top:6px; flex-wrap:wrap;
+                  position: sticky; top: 0; background: var(--card); z-index: 5; padding: 6px 0;">
         <button class="primary" id="installBtn" style="padding:8px 16px;">⬇ Установить и перезапустить</button>
-        <button class="primary" id="relaunchBtn" style="padding:8px 16px; display:none; background: var(--ok); border-color: var(--ok);">↻ Перезапустить сейчас</button>
+        <button class="primary" id="relaunchBtn" style="padding:8px 16px; display:none; background: var(--ok); border-color: var(--ok); animation: pulse 1.5s ease-in-out infinite;">↻ Перезапустить сейчас</button>
         <span style="color:#888; font-size:11px;">или вручную:</span>
       </div>
       <div class="install-cmd">
@@ -187,6 +192,12 @@ $('installBtn').addEventListener('click', async () => {
     done.style.display = '';
     installBtn.style.display = 'none';
     $('relaunchBtn').style.display = '';
+    // Прокручиваем окно к верху чтобы кнопка «Перезапустить» точно
+    // была в видимой области (install-лог мог уехать на пол-экрана).
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+    document.querySelector('.wrap')?.scrollTo?.({ top: 0, behavior: 'smooth' });
+    // Подсветка-привлечение внимания.
+    $('relaunchBtn').focus();
   } catch (e) {
     log.style.color = '#f88';
     log.textContent += `\n[error] ${e?.message || String(e)}`;