kingkont 0.14.0 → 0.14.1

package/index.html

@@ -130,7 +130,7 @@
     </div>
     <button id="charSettingsBtn" style="display:none;" title="Настройки персонажа">⚙</button>
     <button id="timelineBtn" title="Показать/скрыть таймлайн">🎬 Таймлайн</button>
-    <button id="chatBtn" title="Чат с Claude (Cmd+J)" onclick="window.kingChat?.toggle?.()">💬 Чат</button>
+    <button id="chatBtn" title="Открыть/скрыть чат с KingKont (⌘J / Ctrl+J)" onclick="window.kingChat?.toggle?.()">💬 Чат <span style="opacity:0.6; font-size:10px;">⌘J</span></button>
     <!-- скрытые, но используемые элементы (logic ссылается по id) -->
     <span id="hint" class="path" style="display:none;"></span>
     <span id="boardBadge" class="badge" style="display:none;"></span>

package/package.json

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

package/renderer/chat.js

@@ -99,19 +99,49 @@
     },
 
     add_node: {
-      description: 'Добавить ноду на текущую доску. Для image/video/audio promptа можно задать prompt — нода будет в draft-состоянии (юзер запустит generation отдельно или используй generate_node).',
-      params: '{"type":"image|video|audio|text","name":"<optional>","prompt":"<optional>","x":<optional>,"y":<optional>,"text":"<for-type=text>","modelKey":"<optional>"}',
-      async handler({ type, name, prompt, x, y, text, modelKey }) {
+      description: 'Добавить ноду на текущую доску. Для image/video/audio promptа можно задать prompt — нода будет в draft-состоянии (юзер запустит generation отдельно или используй generate_node). Для audio укажи subKind="music"|"sfx"|"voice" — иначе по умолчанию voice (TTS).',
+      params: '{"type":"image|video|audio|text","subKind":"music|sfx|voice (only for audio)","name":"<optional>","prompt":"<optional>","x":<optional>,"y":<optional>,"text":"<for-type=text>","modelKey":"<optional>","durationMs":<for-music-or-sfx>}',
+      async handler({ type, subKind, name, prompt, x, y, text, modelKey, durationMs }) {
         if (!state.currentBoard) throw new Error('доска не выбрана');
         if (!['image','video','audio','text','label'].includes(type)) throw new Error(`unknown type: ${type}`);
-        // Авто-координаты — справа от последней ноды. Clamp к >= 50, чтобы
-        // нода не ушла в отрицательные координаты (canvas начинается с 0,0,
-        // негативные позиции невидимы без скролла).
+        // Поиск незанятого места: пытаемся справа от последней ноды,
+        // потом проверяем что не перекрывает существующие. Если
+        // перекрывает — сдвигаем вправо/вниз пошагово (по сетке 32px).
         const last = state.currentBoard.metadata.nodes[state.currentBoard.metadata.nodes.length - 1];
         let nx = typeof x === 'number' ? x : (last ? last.x + 320 : 100);
         let ny = typeof y === 'number' ? y : (last ? last.y : 100);
         if (nx < 50) nx = 50;
         if (ny < 50) ny = 50;
+        // Дефолтные размеры для overlap-detection. Реальные node.width/height
+        // выставляются renderCanvas'ом по типу — но 280×220 — типичная
+        // прикидка для image/video, 200×120 — text/label/audio.
+        const w = (type === 'text' || type === 'label' || type === 'audio') ? 200 : 280;
+        const h = (type === 'text' || type === 'label' || type === 'audio') ? 120 : 220;
+        function overlaps(ax, ay) {
+          for (const n of state.currentBoard.metadata.nodes) {
+            const nw = n.width || ((n.type === 'text' || n.type === 'label' || n.type === 'audio') ? 200 : 280);
+            const nh = n.height || ((n.type === 'text' || n.type === 'label' || n.type === 'audio') ? 120 : 220);
+            // Считаем overlap'ом если центр новой ноды попадает В существующую.
+            // Это позволяет частично пересекаться (выглядит как «сдвиг»),
+            // но юзер увидит обе ноды.
+            const cx = ax + w / 2, cy = ay + h / 2;
+            if (cx >= n.x && cx <= n.x + nw && cy >= n.y && cy <= n.y + nh) return true;
+          }
+          return false;
+        }
+        // Если первое место занято — двигаем по сетке. Пытаемся вправо до
+        // 6 шагов, потом строкой ниже.
+        if (overlaps(nx, ny)) {
+          const step = 40;
+          let found = false;
+          for (let row = 0; row < 8 && !found; row++) {
+            for (let col = 0; col < 8 && !found; col++) {
+              const tx = nx + col * step;
+              const ty = ny + row * step;
+              if (!overlaps(tx, ty)) { nx = tx; ny = ty; found = true; }
+            }
+          }
+        }
         const id = (crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).slice(2));
         const node = { id, type, x: nx, y: ny };
         if (name) node.name = name;
@@ -122,6 +152,14 @@
         if (prompt && type !== 'text' && type !== 'label') {
           node.status = 'draft';
           node.generated = { rawPrompt: prompt, prompt, modelKey: modelKey || undefined };
+          // Audio имеет 3 sub-kind'а: voice (TTS — дефолт), music, sfx.
+          // generate_node роутит в нужный job по этому полю.
+          if (type === 'audio') {
+            node.generated.kind = 'audio';
+            node.generated.subKind = (subKind === 'music' || subKind === 'sfx') ? subKind : 'voice';
+            if (typeof durationMs === 'number') node.generated.durationMs = durationMs;
+            if (subKind === 'music') node.generated.model = 'eleven-music';
+          }
         }
         state.currentBoard.metadata.nodes.push(node);
         scheduleSave();
@@ -322,11 +360,21 @@
         node.generated = { ...(node.generated || {}), kind, prompt, rawPrompt: node.generated?.rawPrompt || prompt };
         scheduleSave();
         if (typeof renderCanvas === 'function') await renderCanvas();
-        // Маршрутизация по kind — копия логики из resumeJob/«Повторить», чтобы
-        // запустить job напрямую без gen-modal'а.
+        // Маршрутизация по kind/subKind — копия логики из resumeJob/«Повторить»,
+        // чтобы запустить job напрямую без gen-modal'а.
         if (kind === 'audio') {
-          if (typeof runTTSJob !== 'function') throw new Error('runTTSJob недоступен');
-          runTTSJob(node, prompt, boardHandle, bKey, node.generated?.voiceId).catch(e => console.error('TTS job failed:', e));
+          const subKind = node.generated?.subKind || 'voice';
+          if (subKind === 'music') {
+            if (typeof runMusicJob !== 'function') throw new Error('runMusicJob недоступен');
+            runMusicJob(node, prompt, node.generated?.durationMs || null, boardHandle, bKey).catch(e => console.error('music job failed:', e));
+          } else if (subKind === 'sfx') {
+            if (typeof runSfxJob !== 'function') throw new Error('runSfxJob недоступен');
+            runSfxJob(node, prompt, node.generated?.durationMs ? node.generated.durationMs / 1000 : null, boardHandle, bKey).catch(e => console.error('sfx job failed:', e));
+          } else {
+            // voice (TTS) — дефолт.
+            if (typeof runTTSJob !== 'function') throw new Error('runTTSJob недоступен');
+            runTTSJob(node, prompt, boardHandle, bKey, node.generated?.voiceId).catch(e => console.error('TTS job failed:', e));
+          }
         } else if (kind === 'text') {
           if (typeof runTextJob !== 'function') throw new Error('runTextJob недоступен');
           const imageRefs = refs.filter(r => r.type === 'image' && r.file);
@@ -714,6 +762,21 @@
     return ctx;
   }
 
+  // Декл-форма множественного: «1 картинка», «2 картинки», «5 картинок».
+  function _ru_plural(n, forms) {
+    const n10 = n % 10, n100 = n % 100;
+    if (n100 >= 11 && n100 <= 14) return forms[2];
+    if (n10 === 1) return forms[0];
+    if (n10 >= 2 && n10 <= 4) return forms[1];
+    return forms[2];
+  }
+  const _typeForms = {
+    image: ['картинка','картинки','картинок'],
+    video: ['видео','видео','видео'],
+    audio: ['аудио','аудио','аудио'],
+    text:  ['текст','текста','текстов'],
+    label: ['подпись','подписи','подписей'],
+  };
   function renderContextRow() {
     const row = document.getElementById('chatContextRow');
     if (!row) return;
@@ -721,8 +784,21 @@
     const ctx = buildContextSnapshot();
     const parts = [];
     if (ctx.scene) parts.push({ key: 'scene', label: `🎬 ${ctx.scene.name}`, removable: false });
+    // Группируем выделенные ноды по type. Если 1 — показываем имя/id;
+    // если 2+ — «N картинок» с локализацией.
+    const byType = {};
     for (const sel of ctx.selected) {
-      parts.push({ key: 'sel:' + sel.id, label: `◉ ${sel.type === 'image' ? '🖼' : sel.type === 'video' ? '🎬' : sel.type === 'audio' ? '🎙' : '📝'} ${sel.name || sel.id.slice(0, 6)}`, removable: false });
+      (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) {
+        const s = items[0];
+        parts.push({ key: 'sel:' + s.id, label: `${icon} ${s.name || s.id.slice(0, 6)}`, removable: false });
+      } else {
+        const noun = _typeForms[type] || ['нода','ноды','нод'];
+        parts.push({ key: 'sel-grp:' + type, label: `${icon} ${items.length} ${_ru_plural(items.length, noun)}`, removable: false });
+      }
     }
     for (const a of ctx.attachments) {
       parts.push({ key: 'att:' + a.relPath, label: `📎 ${a.name}`, removable: true, onRemove: () => { manualAttachments = manualAttachments.filter(x => x.relPath !== a.relPath); renderContextRow(); } });
@@ -1083,27 +1159,30 @@
         div.appendChild(body);
       }
       if (hasTools) {
-        for (const tc of m.tools) {
-          const t = document.createElement('details');
-          t.className = 'chat-tool';
-          const sum = document.createElement('summary');
-          // Компактный summary: имя tool + ключевой arg (если короткий) + статус.
+        // Все tools в ОДНУ строку (separated " · "), без emoji-icons —
+        // компактнее. Раскрываются click'ом одной общей <details>.
+        const t = document.createElement('details');
+        t.className = 'chat-tool';
+        const sum = document.createElement('summary');
+        const parts = m.tools.map(tc => {
+          const status = tc._error ? '⚠' : (tc._ok ? '✓' : '·');
           const argHint = _argHint(tc.args);
-          const status = tc._error ? '  ⚠' : tc._ok ? '  ✓' : '';
-          sum.textContent = `🔧 ${tc.name}${argHint}${status}`;
-          t.appendChild(sum);
-          // pre добавляем только если есть что показать (args/result/error не пусты).
-          const dump = {};
-          if (tc.args && Object.keys(tc.args).length) dump.args = tc.args;
-          if (tc.result !== undefined) dump.result = tc.result;
-          if (tc._error) dump.error = tc._error;
-          if (Object.keys(dump).length) {
-            const pre = document.createElement('pre');
-            pre.textContent = JSON.stringify(dump, null, 2);
-            t.appendChild(pre);
-          }
-          div.appendChild(t);
-        }
+          return `${tc.name}${argHint} ${status}`;
+        });
+        sum.textContent = parts.join(' · ');
+        t.appendChild(sum);
+        // pre с полным JSON всех вызовов (для debug/details).
+        const dumpAll = m.tools.map(tc => {
+          const d = { tool: tc.name };
+          if (tc.args && Object.keys(tc.args).length) d.args = tc.args;
+          if (tc.result !== undefined) d.result = tc.result;
+          if (tc._error) d.error = tc._error;
+          return d;
+        });
+        const pre = document.createElement('pre');
+        pre.textContent = JSON.stringify(dumpAll, null, 2);
+        t.appendChild(pre);
+        div.appendChild(t);
       }
       list.appendChild(div);
     }
@@ -1215,6 +1294,9 @@
     const panel = $('chatPanel');
     panel.classList.toggle('hidden');
     if (!panel.classList.contains('hidden')) {
+      // Сворачиваем preview-панель — иначе она перекрывает чат справа
+      // (preview z-index 40 > chat z-index 30 by design).
+      if (typeof setPreviewCollapsed === 'function') setPreviewCollapsed(true);
       // Отрисовываем сохранённую историю при показе (на случай если она
       // была подгружена в фоне через loadFromCurrentProject до первого toggle).
       renderHistory();

package/renderer/styles.css

@@ -253,7 +253,10 @@
     position: fixed; right: 0; top: 0; bottom: 0; width: 420px;
     background: #1a1a1a; border-left: 1px solid #333;
     display: flex; flex-direction: column;
-    z-index: 80;
+    /* z-index 30 — НИЖЕ preview-panel (z-index 40). Preview перекрывает чат
+       визуально; при открытии чата preview сворачивается автоматически
+       (см. toggle() в chat.js → setPreviewCollapsed(true)). */
+    z-index: 30;
     box-shadow: -8px 0 32px rgba(0,0,0,0.4);
     /* --chat-font задаётся inline в chat.js (Cmd+/Cmd-). Дефолт 13px. */
     font-size: var(--chat-font, 13px);