kingkont 0.18.8 → 0.18.10

package/index.html

@@ -381,14 +381,14 @@
 <div class="modal hidden" id="genModal">
   <div class="modal-card">
     <h3 id="genTitle">Сгенерировать ноду</h3>
-    <label style="display:none;">Тип
+    <div class="field-row" style="display:none;">Тип
       <div class="seg-control">
         <button class="seg active" data-kind="image" type="button">Картинка</button>
         <button class="seg" data-kind="video" type="button">Видео</button>
         <button class="seg" data-kind="audio" type="button">Голос</button>
       </div>
-    </label>
-    <label id="imageModelRow">Модель для картинки
+    </div>
+    <div class="field-row" id="imageModelRow">Модель для картинки
       <div class="seg-control">
         <button class="seg active" data-img-model="nano-banana-2" type="button" title="Высокое качество, медленно">Nano Banana 2</button>
         <button class="seg" data-img-model="nano-banana-pro" type="button" title="Pro-версия nano-banana, выше качество">Nano Banana Pro</button>
@@ -398,15 +398,15 @@
         <button class="seg" data-img-model="flux-schnell" type="button" title="Очень быстрая (3-5с)">⚡ Flux Schnell</button>
         <button class="seg" data-img-model="sdxl-lightning" type="button" title="Очень быстрая (3-5с)">⚡ SDXL Lightning</button>
       </div>
-    </label>
-    <label id="imageQualityRow">Качество
+    </div>
+    <div class="field-row" id="imageQualityRow">Качество
       <div class="seg-control" id="imageQualityCtl">
         <button class="seg" data-img-quality="low" type="button" title="Быстрее, дешевле">low</button>
         <button class="seg active" data-img-quality="medium" type="button">medium</button>
         <button class="seg" data-img-quality="high" type="button" title="Лучше детализация, медленнее">high</button>
       </div>
-    </label>
-    <label id="imageOptionsRow">Соотношение сторон
+    </div>
+    <div class="field-row" id="imageOptionsRow">Соотношение сторон
       <div class="seg-control" id="imageAspectCtl">
         <button class="seg" data-img-asp="source" type="button" id="imgAspSource"
                 title="Взять формат у исходной картинки-референса"
@@ -419,16 +419,16 @@
         <button class="seg" data-img-asp="4:3" type="button" title="Не поддерживается Grok">4:3</button>
         <button class="seg" data-img-asp="3:4" type="button" title="Не поддерживается Grok">3:4</button>
       </div>
-    </label>
-    <label id="videoModelRow" style="display: none;">Модель для видео
+    </div>
+    <div class="field-row" id="videoModelRow" style="display: none;">Модель для видео
       <div class="seg-control">
         <button class="seg active" data-vid-model="seedance-2" type="button" title="ByteDance Seedance 2 — основная">Seedance 2</button>
         <button class="seg" data-vid-model="seedance-2-fast" type="button" title="Быстрее, чуть проще качество">⚡ Seedance 2 Fast</button>
         <button class="seg" data-vid-model="kling-o1" type="button" title="Kling O1 — креативный, поддерживает reference-видео">Kling O1</button>
         <button class="seg" data-vid-model="kling-3.0" type="button" title="Kling 3.0 — multi-shot до 15с">Kling 3.0</button>
       </div>
-    </label>
-    <label id="videoOptionsRow" style="display: none;">Параметры видео
+    </div>
+    <div class="field-row" id="videoOptionsRow" style="display: none;">Параметры видео
       <div style="display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px;">
         <div style="flex: 1; min-width: 200px;">
           <div style="font-size: 11px; color: #888; margin-bottom: 4px;">Длительность (сек)</div>
@@ -461,15 +461,15 @@
           </div>
         </div>
       </div>
-    </label>
-    <label id="ttsModelRow" style="display: none;">Модель TTS
+    </div>
+    <div class="field-row" id="ttsModelRow" style="display: none;">Модель TTS
       <div class="seg-control" style="flex-wrap:wrap;">
         <button class="seg active" data-tts-model="qwen/qwen3-tts" type="button" title="Qwen TTS — мульти-язык, ready-голоса">Qwen TTS</button>
         <button class="seg" data-tts-model="elevenlabs/v3" type="button" title="ElevenLabs v3 — лучший EN, тоны">ElevenLabs v3</button>
         <button class="seg" data-tts-model="minimax/speech-02-hd" type="button" title="MiniMax Speech HD — клон-голоса">MiniMax Speech HD</button>
         <button class="seg" data-tts-model="google/gemini-3.1-flash-tts-preview" type="button" title="Gemini 3.1 Flash TTS">Gemini Flash TTS</button>
       </div>
-    </label>
+    </div>
     <label id="voiceRow" style="display: none;">Голос
       <select id="genVoice"></select>
     </label>

package/lib/chatSession.js

@@ -138,19 +138,47 @@ function schedulePersist(session) {
 }
 
 // ============== TOOL-CALL PARSER ==============
+// Толерантные regex'ы — модель иногда выдаёт варианты:
+//   <tool>{...}</tool>          — наш канонический формат
+//   <tool name="x">{...}</tool> — с XML-attrs (Sonnet иногда так делает)
+//   <tool_call>{...}</tool_call>  — альтернативное имя (model hallucinates)
+//   ```tool\n{...}\n```          — code-fence variant
+// Без толерантности теги остаются в .content → юзер видит сырые теги в чате.
+const _TOOL_RE = /<(tool|tool_call|tool_use|function_call)\b[^>]*>([\s\S]*?)<\/\1>/g;
+const _TOOL_RESULT_RE = /<(tool_result|tool_response|function_response)\b[^>]*>[\s\S]*?<\/\1>/g;
+const _TOOL_FENCE_RE = /```\s*(?:tool|tool_call|json)\s*\n([\s\S]*?)\n```/g;
+
 function parseToolCalls(text) {
   if (typeof text !== 'string' || !text) return [];
   const out = [];
-  const re = /<tool>\s*([\s\S]*?)\s*<\/tool>/g;
   let m;
-  while ((m = re.exec(text)) !== null) {
+  // 1) Tag-форма (с/без attrs).
+  _TOOL_RE.lastIndex = 0;
+  while ((m = _TOOL_RE.exec(text)) !== null) {
+    const inner = (m[2] || '').trim();
     try {
-      const obj = JSON.parse(m[1]);
+      const obj = JSON.parse(inner);
       if (obj && typeof obj.name === 'string') {
-        out.push({ id: crypto.randomUUID(), name: obj.name, args: obj.args || {} });
+        out.push({ id: crypto.randomUUID(), name: obj.name, args: obj.args || obj.arguments || obj.input || {} });
       }
     } catch (e) {
-      out.push({ id: crypto.randomUUID(), _parseError: e.message, raw: m[1] });
+      out.push({ id: crypto.randomUUID(), _parseError: e.message, raw: inner });
+    }
+  }
+  // 2) Code-fence форма (```tool ... ```). Только если tag-формы не нашлось —
+  //    иначе риск двойного парсинга (один и тот же call в обеих формах).
+  if (!out.length) {
+    _TOOL_FENCE_RE.lastIndex = 0;
+    while ((m = _TOOL_FENCE_RE.exec(text)) !== null) {
+      const inner = (m[1] || '').trim();
+      try {
+        const obj = JSON.parse(inner);
+        if (obj && typeof obj.name === 'string') {
+          out.push({ id: crypto.randomUUID(), name: obj.name, args: obj.args || obj.arguments || obj.input || {} });
+        }
+      } catch (e) {
+        out.push({ id: crypto.randomUUID(), _parseError: e.message, raw: inner });
+      }
     }
   }
   return out;
@@ -158,8 +186,9 @@ function parseToolCalls(text) {
 function stripToolCalls(text) {
   if (typeof text !== 'string') return '';
   return text
-    .replace(/<tool>[\s\S]*?<\/tool>/g, '')
-    .replace(/<tool_result>[\s\S]*?<\/tool_result>/g, '')
+    .replace(_TOOL_RE, '')
+    .replace(_TOOL_RESULT_RE, '')
+    .replace(_TOOL_FENCE_RE, '')
     .replace(/[ \t]{2,}/g, ' ')
     .replace(/\n{3,}/g, '\n\n')
     .trim();

package/lib/providers.js

@@ -745,20 +745,31 @@ async function fetchBalances(s) {
       if (r.ok && typeof d.balance === 'number') out.kingkont = { unit: 'credits', amount: d.balance };
     } catch {}
   }
-  if (s.useElevenlabs && process.env.ELEVENLABS_API_KEY) {
+  // ElevenLabs balance: тянем если ключ задан — даже если toggle выключен.
+  // Раньше требовалось `s.useElevenlabs && key` — юзер с настроенным ключом,
+  // но не включённым toggle'ом не видел баланс. Toggle отвечает за
+  // ИСПОЛЬЗОВАНИЕ ElevenLabs для генерации, не за показ баланса.
+  if (process.env.ELEVENLABS_API_KEY) {
     try {
       const r = await fetch(`${ELEVEN_BASE}/v1/user/subscription`, {
         headers: { 'xi-api-key': process.env.ELEVENLABS_API_KEY },
       });
-      const d = await r.json().catch(() => ({}));
-      if (r.ok && typeof d.character_count === 'number' && typeof d.character_limit === 'number') {
+      const text = await r.text();
+      let d; try { d = JSON.parse(text); } catch { d = {}; }
+      if (!r.ok) {
+        console.warn('[balance] ElevenLabs HTTP', r.status, text.slice(0, 200));
+      } else if (typeof d.character_count === 'number' && typeof d.character_limit === 'number') {
         out.elevenlabs = {
           unit: 'chars',
           amount: Math.max(0, d.character_limit - d.character_count),
           limit: d.character_limit,
         };
+      } else {
+        console.warn('[balance] ElevenLabs unexpected response shape:', JSON.stringify(d).slice(0, 300));
       }
-    } catch {}
+    } catch (e) {
+      console.warn('[balance] ElevenLabs fetch failed:', e?.message || e);
+    }
   }
   if (s.useOpenrouter && process.env.OPENROUTER_API_KEY) {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.18.8",
+  "version": "0.18.10",
   "description": "KingKont · Chatium — нод-редактор сцен с AI-генерацией (картинки/видео/голос/SFX/музыка/текст)",
   "main": "main.js",
   "bin": {

package/renderer/chat.js

@@ -594,32 +594,35 @@
   }
 
   // ============== TOOL-CALL PARSER ==============
+  // Регексы синхронизированы с lib/chatSession.js — толерантные к атрибутам
+  // и альтернативным именам тегов (модель иногда галлюцинирует <tool_call>
+  // вместо <tool>, или с XML-attrs).
+  const _TOOL_RE        = /<(tool|tool_call|tool_use|function_call)\b[^>]*>([\s\S]*?)<\/\1>/g;
+  const _TOOL_RESULT_RE = /<(tool_result|tool_response|function_response)\b[^>]*>[\s\S]*?<\/\1>/g;
+  const _TOOL_FENCE_RE  = /```\s*(?:tool|tool_call|json)\s*\n([\s\S]*?)\n```/g;
+
   function parseToolCalls(text) {
     const out = [];
     if (typeof text !== 'string' || !text) return out;
-    const re = /<tool>\s*([\s\S]*?)\s*<\/tool>/g;
     let m;
-    while ((m = re.exec(text)) !== null) {
+    _TOOL_RE.lastIndex = 0;
+    while ((m = _TOOL_RE.exec(text)) !== null) {
+      const inner = (m[2] || '').trim();
       try {
-        const obj = JSON.parse(m[1]);
-        if (obj && typeof obj.name === 'string') out.push({ name: obj.name, args: obj.args || {} });
+        const obj = JSON.parse(inner);
+        if (obj && typeof obj.name === 'string') out.push({ name: obj.name, args: obj.args || obj.arguments || obj.input || {} });
       } catch (e) {
-        out.push({ _parseError: e.message, raw: m[1] });
+        out.push({ _parseError: e.message, raw: inner });
       }
     }
     return out;
   }
   function stripToolCalls(text) {
     if (typeof text !== 'string') return '';
-    // Убираем оба тэга:
-    //   <tool>JSON</tool>          — наш command-protocol (модель так зовёт tools)
-    //   <tool_result>JSON</tool_result> — модель иногда его галюцинирует
-    //                                     в outputе, копируя format из user-msg.
-    // После стрипа нормализуем whitespace — иначе остаются «дыры» и
-    // подряд идущие space'ы (3+ → 1, blank lines 3+ → 2).
     return text
-      .replace(/<tool>[\s\S]*?<\/tool>/g, '')
-      .replace(/<tool_result>[\s\S]*?<\/tool_result>/g, '')
+      .replace(_TOOL_RE, '')
+      .replace(_TOOL_RESULT_RE, '')
+      .replace(_TOOL_FENCE_RE, '')
       .replace(/[ \t]{2,}/g, ' ')
       .replace(/\n{3,}/g, '\n\n')
       .trim();
@@ -1445,7 +1448,9 @@
     list.innerHTML = '';
     for (const m of history) {
       if (m.role === 'system') continue;
-      if (m.role === 'user' && m.content?.startsWith('<tool_result>')) continue;  // системный turn
+      // System-turn user-message с tool_result-блоками — скрываем целиком.
+      // Толерантно к attrs: starts с любого варианта tool_result-тега.
+      if (m.role === 'user' && /^<(tool_result|tool_response|function_response)\b/.test(m.content || '')) continue;
       // Пустой assistant без tools — не рендерим (бывает при streaming/parse-fail).
       const hasContent = !!(m.content && m.content.trim());
       const hasTools = Array.isArray(m.tools) && m.tools.length;
@@ -1469,11 +1474,12 @@
       }
       div.appendChild(lbl);
       if (hasContent) {
-        // Парсим [ctx: ...] префикс если есть — рендерим как маленький
-        // сабтайтл над основным текстом.
-        let mainText = m.content;
+        // Defensive strip: если сервер не поймал tool/tool_result-теги
+        // (старая persisted-история или edge-case), убираем тут перед
+        // показом. Иначе юзер видит сырые «<tool_result>{...}</tool_result>».
+        let mainText = stripToolCalls(m.content);
         let ctxLine = null;
-        const cm = m.content.match(/^\[ctx:\s*([^\]\n]+)\]\n?([\s\S]*)$/);
+        const cm = mainText.match(/^\[ctx:\s*([^\]\n]+)\]\n?([\s\S]*)$/);
         if (cm) { ctxLine = cm[1].trim(); mainText = cm[2].trim(); }
         if (ctxLine) {
           const cx = document.createElement('div');

package/renderer/styles.css

@@ -120,12 +120,14 @@
     background: #2e2e2e; color: #ddd; border-color: #444;
   }
   .sidebar-footer {
-    border-top: 1px solid #333; padding: 10px 12px;
+    border-top: 1px solid #333;
+    /* padding-bottom 50px — освобождаем место под 🔔 кнопку (height 32px,
+       bottom:12px → top edge at 44px от низа). Без этого padding'а балансы
+       стелились в самый низ и кнопка их перекрывала. Юзер: «подними
+       балансы на высоту колокольчика». */
+    padding: 10px 12px 50px;
     display: flex; flex-direction: column; gap: 6px;
     font-size: 11px; color: #777;
-    /* Отступ сохранён даже когда jobsInfo и hint убраны — иначе sidebar
-       «прыгнет» вверх. 56px ≈ высота прежних двух строк + padding. */
-    min-height: 56px;
   }
   .sidebar-footer .hint { color: #777; font-size: 11px; line-height: 1.4; }
   .sidebar-footer .jobs-info { color: #aaccdd; font-size: 11px; }
@@ -1668,7 +1670,14 @@
     position: relative;
   }
   .modal-card h3 { font-size: 16px; }
-  .modal-card label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: #aaa; text-transform: uppercase; letter-spacing: 0.5px; }
+  .modal-card label,
+  .modal-card .field-row { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: #aaa; text-transform: uppercase; letter-spacing: 0.5px; }
+  /* .field-row — replacement для <label> в строках с .seg-control. Раньше
+     был <label>, но без `for=` HTML семантика «click на label → click
+     на ПЕРВЫЙ labelable element внутри» приводила к багу: брызги мыши
+     по тексту «Качество» или паддингу активировали первую кнопку (low /
+     Nano Banana 2) — выглядело как «застрявший hover». <div> такой
+     семантики не имеет. CSS — те же стили, через общий селектор выше. */
   .modal-card input, .modal-card textarea, .modal-card select {
     background: #1e1e1e; color: #e0e0e0; border: 1px solid #383838;
     border-radius: 4px; padding: 8px 10px; font-family: inherit; font-size: 14px;