kingkont 0.16.0 → 0.16.1

package/lib/providers.js

@@ -602,16 +602,34 @@ async function generateMusic(args) {
   const { prompt, durationMs, settings: s } = args;
   if (!prompt) throw new Error('нужен prompt');
 
-  // Приоритет direct ElevenLabs если включён + есть ключ — у юзера могут
-  // быть кастомные саб-настройки и платный ElevenLabs (зачем тратить
-  // Chatium-кредиты). Аналогичная логика в generateTts/generateSfx.
+  // Приоритет direct ElevenLabs если включён + есть ключ.
   const directElevenAvailable = s.useElevenlabs && process.env.ELEVENLABS_API_KEY;
 
+  // Пробуем Chatium первым ТОЛЬКО если direct ElevenLabs не доступен.
+  // Если Chatium упал на музыке — auto-fallback на direct ElevenLabs если он
+  // тоже включён (бывало: Chatium-side music broken, у юзера только Eleven
+  // через Chatium → 500 → надо retry direct).
   if (s.useChatium && s.chatium?.token && s.chatium?.base && !directElevenAvailable) {
-    return await audioViaChatium(s, { kind: 'music', prompt, durationMs });
+    try {
+      return await audioViaChatium(s, { kind: 'music', prompt, durationMs });
+    } catch (e) {
+      // Если есть direct Eleven (даже без env-key, попробуем s.elevenKey) —
+      // используем его как fallback.
+      if (s.useElevenlabs && (process.env.ELEVENLABS_API_KEY || s.elevenKey)) {
+        console.warn('[music] Chatium failed, falling back to direct ElevenLabs:', e?.message);
+        // Промосим в env если задан в settings но не в env (race с
+        // applySettingsToEnv после старта сервера).
+        if (!process.env.ELEVENLABS_API_KEY && s.elevenKey) {
+          process.env.ELEVENLABS_API_KEY = s.elevenKey;
+        }
+        // Падаем в direct-eleven path ниже.
+      } else {
+        throw new Error(`Музыка через KingKont недоступна: ${e.message?.slice(0, 200)}. Включи прямой ElevenLabs ключ в Настройках.`);
+      }
+    }
   }
   if (!s.useElevenlabs) throw new Error('Войдите в KingKont или ElevenLabs для аудио.');
-  const key = process.env.ELEVENLABS_API_KEY;
+  const key = process.env.ELEVENLABS_API_KEY || s.elevenKey;
   if (!key) throw new Error('ELEVENLABS_API_KEY не задан');
   const body = { prompt };
   if (durationMs) body.music_length_ms = +durationMs;

package/package.json

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

package/renderer/chat.js

@@ -847,6 +847,27 @@
   // при send(). Файлы сохраняются в <currentBoard>/inbox/<name>.
   let manualAttachments = [];   // [{relPath, name, size, mime}] — файлы из drag-drop
 
+  // Короткая строка-итог контекста для отображения в чате рядом с user-msg.
+  // null если нечего показать.
+  function _ctxToInlineLabel(ctx) {
+    const parts = [];
+    if (ctx.scene) parts.push(`🎬 ${ctx.scene.name}`);
+    const byType = {};
+    for (const sel of ctx.selected) (byType[sel.type] = byType[sel.type] || []).push(sel);
+    for (const [type, items] of Object.entries(byType)) {
+      const icon = type === 'image' ? '🖼' : type === 'video' ? '🎬' : type === 'audio' ? '🎙' : type === 'text' ? '📝' : '◉';
+      if (items.length === 1) parts.push(`${icon} ${items[0].name || items[0].id?.slice(0,6)}`);
+      else {
+        const noun = (typeof _typeForms !== 'undefined' && _typeForms[type]) || ['нода','ноды','нод'];
+        parts.push(`${icon} ${items.length} ${_ru_plural(items.length, noun)}`);
+      }
+    }
+    if (ctx.attachments?.length) {
+      parts.push(`📎 ${ctx.attachments.length} файл${ctx.attachments.length > 1 ? 'а' : ''}`);
+    }
+    return parts.length ? parts.join(' · ') : null;
+  }
+
   function buildContextSnapshot() {
     const ctx = { scene: null, selected: [], attachments: manualAttachments.slice() };
     if (state.currentBoard) {
@@ -1268,14 +1289,26 @@
     // Snapshot НЕ берём автоматически — теперь это явный tool take_snapshot,
     // который Claude вызывает перед destructive-действиями. См. system-prompt.
     // Контекст + system-prompt: формируем тут (на клиенте) и отдаём серверу.
+    // Также сохраняем context-snapshot в user-msg чтобы юзер видел в чате
+    // на каком контексте он спрашивал (через много turns'ов это полезно).
     const ctxSnap = buildContextSnapshot();
     const system = buildSystemPrompt() + '\n\n' + buildContextBlock(ctxSnap);
+    // Inline context summary в visible тексте сообщения для UI render'a.
+    // Claude получает полный context через system, юзер — через ctxLabel
+    // в самом message (см. renderHistoryFiltered).
+    const ctxLabel = _ctxToInlineLabel(ctxSnap);
+    // Если есть контекст — добавляем его как первой строкой в сообщение
+    // (с маркером [ctx:...]). Это вид'но и юзеру (renderer стилизует),
+    // и Claude (повторяет инструкцию из system-prompt в самом turn'е).
+    const textWithCtx = ctxLabel
+      ? `[ctx: ${ctxLabel}]\n${userText}`
+      : userText;
     appendStatus('KingKont думает…');
     try {
       const r = await fetch('/api/chat/send', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ key, text: userText, system }),
+        body: JSON.stringify({ key, text: textWithCtx, system }),
       });
       if (!r.ok) {
         const err = await r.json().catch(() => ({}));
@@ -1335,10 +1368,24 @@
       }
       div.appendChild(lbl);
       if (hasContent) {
-        const body = document.createElement('div');
-        body.className = 'chat-msg-body';
-        body.textContent = m.content;
-        div.appendChild(body);
+        // Парсим [ctx: ...] префикс если есть — рендерим как маленький
+        // сабтайтл над основным текстом.
+        let mainText = m.content;
+        let ctxLine = null;
+        const cm = m.content.match(/^\[ctx:\s*([^\]\n]+)\]\n?([\s\S]*)$/);
+        if (cm) { ctxLine = cm[1].trim(); mainText = cm[2].trim(); }
+        if (ctxLine) {
+          const cx = document.createElement('div');
+          cx.className = 'chat-msg-ctx';
+          cx.textContent = ctxLine;
+          div.appendChild(cx);
+        }
+        if (mainText) {
+          const body = document.createElement('div');
+          body.className = 'chat-msg-body';
+          body.textContent = mainText;
+          div.appendChild(body);
+        }
       }
       if (hasTools) {
         // Все tools в ОДНУ строку (separated " · "), без emoji-icons —

package/renderer/styles.css

@@ -365,20 +365,35 @@
   .chat-msg-body {
     color: #e0e0e0; white-space: pre-wrap; word-break: break-word;
   }
+  /* [ctx: ...] префикс — маленький subtitle над user-msg, светло-серый. */
+  .chat-msg-ctx {
+    font-size: 10.5px; color: #889;
+    background: rgba(255,255,255,0.04); padding: 2px 6px;
+    border-radius: 4px; margin-bottom: 3px;
+    align-self: flex-start; max-width: 100%;
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  }
   .chat-tool {
     margin-top: 2px; background: transparent; border: none;
     padding: 0; font-size: 10.5px; color: #666;
+    /* Гарантия что tool-блок занимает ровно одну строку (плюс развёрнутый pre)
+       — иначе при множестве tools или длинных args блок разрастался. */
+    max-width: 100%; min-width: 0;
   }
   .chat-tool summary {
-    cursor: pointer; color: #666; outline: none; opacity: 0.75;
+    cursor: pointer; color: #666; outline: none; opacity: 0.7;
     font-family: ui-monospace, 'SF Mono', monospace;
     list-style: none; padding: 1px 4px;
     transition: color 0.1s, opacity 0.1s;
+    /* Один в строку, длинное → ellipsis. Click раскрывает <details>. */
+    display: block; white-space: nowrap; overflow: hidden;
+    text-overflow: ellipsis; max-width: 100%;
   }
   .chat-tool summary::-webkit-details-marker { display: none; }
   .chat-tool summary::before {
     content: '▸ '; color: #555; font-size: 9px;
   }
+  .chat-tool[open] summary { white-space: normal; text-overflow: clip; }
   .chat-tool[open] summary::before { content: '▾ '; }
   .chat-tool summary:hover { color: #aaa; opacity: 1; }
   .chat-tool pre {
@@ -478,10 +493,21 @@
   }
   .welcome-card.open-card .welcome-card-ts { color: #aac0d8; }
   .welcome-card:hover { border-color: #4a6a9a; transform: translateY(-2px); }
+  /* Card теперь сама с фиксированным aspect-ratio + overflow:hidden →
+     обложка заполняет всю карту (вертикальная картинка кроп'ится по верху/
+     низу через object-fit:cover, не растягивает карту бесконечно вверх).
+     Meta (название + дата) — absolute поверх обложки внизу с тёмным
+     градиентом, читается на ЛЮБОЙ обложке. */
+  .welcome-card {
+    aspect-ratio: 16 / 9;
+    overflow: hidden;
+  }
   .welcome-card-thumb {
-    width: 100%; aspect-ratio: 16 / 9; background: #1a1a1a;
+    position: absolute; inset: 0;
+    background: #1a1a1a;
     display: flex; align-items: center; justify-content: center;
     color: #444; font-size: 32px;
+    overflow: hidden;        /* страховка чтобы img/badge не выезжали */
   }
   .welcome-card-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
   /* ☁-бейдж в углу обложки облачного проекта. Делает cloud/folder-проекты
@@ -511,9 +537,17 @@
     0%, 100% { opacity: 0.85; }
     50% { opacity: 1; }
   }
-  .welcome-card-meta { padding: 8px 12px; }
-  .welcome-card-name { font-size: 13px; color: #ddd; word-break: break-all; }
-  .welcome-card-ts { font-size: 11px; color: #666; margin-top: 2px; }
+  /* Meta теперь оверлеем поверх обложки внизу с тёмным градиентом —
+     название + дата всегда читаемы независимо от цвета обложки. */
+  .welcome-card-meta {
+    position: absolute; left: 0; right: 0; bottom: 0;
+    padding: 28px 12px 8px 12px;
+    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 30%, rgba(0,0,0,0.92) 100%);
+    color: #fff;
+    pointer-events: none;     /* клик идёт на card */
+  }
+  .welcome-card-name { font-size: 13px; color: #fff; word-break: break-all; font-weight: 500; text-shadow: 0 1px 2px rgba(0,0,0,0.6); }
+  .welcome-card-ts { font-size: 11px; color: #ccc; margin-top: 2px; text-shadow: 0 1px 2px rgba(0,0,0,0.6); }
   .welcome-card-del {
     position: absolute; top: 6px; right: 6px;
     background: rgba(0,0,0,0.6); color: #aaa;