kingkont 0.7.24 → 0.7.26

package/index.html

@@ -834,10 +834,17 @@
   .node.picked { border-color: #f0a040; box-shadow: 0 0 0 2px rgba(240,160,64,0.55), 0 4px 12px rgba(0,0,0,0.4); }
   .node-header {
     padding: 4px 8px; border-bottom: 1px solid #383838;
-    display: flex; justify-content: flex-end; align-items: center;
+    display: flex; justify-content: space-between; align-items: center; gap: 6px;
     min-height: 22px; cursor: move;
   }
-  .node-header .delete { cursor: pointer; color: #888; font-size: 16px; line-height: 1; padding: 0 4px; }
+  .node-header .name {
+    flex: 1; min-width: 0;
+    color: #ccc; font-size: 12px; line-height: 1.2;
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+    user-select: none;
+  }
+  .node-header .name.empty { color: #555; font-style: italic; }
+  .node-header .delete { cursor: pointer; color: #888; font-size: 16px; line-height: 1; padding: 0 4px; flex-shrink: 0; }
   .node-header .delete:hover { color: #f88; }
 
   /* Имя ноды убрано из header — переименование через ПКМ → ✏ Переименовать.
@@ -3180,10 +3187,20 @@ async function createNodeEl(node) {
 
   const header = document.createElement('div');
   header.className = 'node-header';
-  header.title = 'Тяни, чтобы переместить. Переименовать — ПКМ → Переименовать.';
+  header.title = 'Тяни, чтобы переместить. Двойной клик по имени или ПКМ → Переименовать.';
+
+  // Имя ноды (если задано). Узкий header — обрезаем ellipsis'ом.
+  const nameEl = document.createElement('span');
+  nameEl.className = 'name';
+  if (node.name) nameEl.textContent = node.name;
+  else { nameEl.textContent = '—'; nameEl.classList.add('empty'); }
+  // Дабл-клик по имени → переименовать. Не блокируем drag-mousedown.
+  nameEl.addEventListener('dblclick', e => {
+    e.stopPropagation();
+    renameNode(node);
+  });
+  header.appendChild(nameEl);
 
-  // Имя ноды НЕ показываем в header — было слишком тесно (overflow-проблемы),
-  // переименование вынесено в контекстное меню (ПКМ → ✏ Переименовать).
   const del = document.createElement('span');
   del.className = 'delete'; del.textContent = '×'; del.title = 'Удалить ноду';
   header.appendChild(del);
@@ -3265,6 +3282,18 @@ async function renameNode(node) {
   }
   node.name = trimmed;
   scheduleSave();
+  // Обновим header — имя ноды показывается в .node-header .name.
+  const nodeEl = canvas.querySelector(`.node[data-id="${node.id}"]`);
+  const nameEl = nodeEl?.querySelector('.node-header .name');
+  if (nameEl) {
+    if (trimmed) {
+      nameEl.textContent = trimmed;
+      nameEl.classList.remove('empty');
+    } else {
+      nameEl.textContent = '—';
+      nameEl.classList.add('empty');
+    }
+  }
 }
 
 function showNodeContextMenu(node, clientX, clientY) {
@@ -6925,14 +6954,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 +7059,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 +7169,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.26",
   "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)}`;