kingkont 0.14.0 → 0.14.2

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.2",
   "description": "KingKont · Chatium — нод-редактор сцен с AI-генерацией (картинки/видео/голос/SFX/музыка/текст)",
   "main": "main.js",
   "bin": {

package/renderer/board.js

@@ -1748,6 +1748,41 @@ $('newLocation').addEventListener('click', async () => {
 });
 
 // =================== Board (универсально для серии и персонажа) ===================
+// Если ни одна нода не попадает в видимую область canvas-wrap, скроллим
+// view на центр bbox всех нод. Используется после selectBoard / openFilm
+// — типичный кейс: юзер открывает старый проект, scroll был сохранён в
+// одном месте, ноды расположены далеко (например после chat-добавления).
+function _autoScrollToNodesIfHidden(padX, padY) {
+  const board = state.currentBoard;
+  if (!board) return;
+  const nodes = board.metadata.nodes || [];
+  if (!nodes.length) return;
+  // Считаем bbox в canvas-coords.
+  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+  for (const n of nodes) {
+    const w = n.width || 280, h = n.height || 220;
+    minX = Math.min(minX, n.x);
+    minY = Math.min(minY, n.y);
+    maxX = Math.max(maxX, n.x + w);
+    maxY = Math.max(maxY, n.y + h);
+  }
+  const z = state.zoom || 1;
+  // Видимое окно в canvas-coords (viewport / zoom).
+  const wrap = canvasWrap;
+  const viewLeft   = (wrap.scrollLeft - padX) / z;
+  const viewTop    = (wrap.scrollTop  - padY) / z;
+  const viewRight  = viewLeft + wrap.clientWidth / z;
+  const viewBottom = viewTop  + wrap.clientHeight / z;
+  // Перекрытие? Если bbox нод хоть как-то пересекается с viewport — не трогаем.
+  const intersects = !(maxX < viewLeft || minX > viewRight || maxY < viewTop || minY > viewBottom);
+  if (intersects) return;
+  // Иначе центрируем на bbox.
+  const cx = (minX + maxX) / 2;
+  const cy = (minY + maxY) / 2;
+  wrap.scrollLeft = cx * z + padX - wrap.clientWidth / 2;
+  wrap.scrollTop  = cy * z + padY - wrap.clientHeight / 2;
+}
+
 async function selectBoard(board) {
   // Останавливаем file-watcher предыдущей доски (если был).
   stopExternalWatcher();
@@ -1855,6 +1890,12 @@ async function selectBoard(board) {
     canvasWrap.scrollTop = padY;
   }
 
+  // Если в текущем viewport не видно ни одной ноды — авто-скролл на bbox нод.
+  // Срабатывает после render'а (через requestAnimationFrame чтобы иметь
+  // актуальные размеры). Обходит как новый view (без сохранённого scroll'a),
+  // так и случай когда юзер вышел далеко от нод и забыл.
+  requestAnimationFrame(() => _autoScrollToNodesIfHidden(padX, padY));
+
   // Возобновить незавершённые джобы текущей доски
   for (const n of state.currentBoard.metadata.nodes) {
     if (n.status === 'generating' && n.generated?.taskId && !state.jobs.has(n.id)) {

package/renderer/chat.js

@@ -91,27 +91,57 @@
           file: n.file || null,
           status: n.status || (n.file ? 'done' : 'draft'),
           modelKey: n.generated?.modelKey || null,
+          aspectRatio: n.generated?.aspectRatio || null,
         }));
         const connections = (b.metadata.connections || []).map(c => ({ from: c.from, to: c.to, toPort: c.toPort || null }));
-        const settings = b.metadata.settings || {};
-        return { kind: b.kind, name: b.name, nodes, connections, settings };
+        return { kind: b.kind, name: b.name, nodes, connections, settings: b.metadata.settings || {} };
       },
     },
 
     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 — нода будет draft (юзер запустит generation отдельно или используй generate_node). Для audio: subKind="music"|"sfx"|"voice" (default: voice/TTS). aspectRatio: "16:9"|"9:16"|"1:1"|"3:4"|"4:3"|"21:9" — переопределяет дефолтный для текущей сцены. ВАЖНО: если юзер сказал "горизонтальная" — 16:9, "вертикальная" — 9:16, "квадрат" — 1:1.',
+      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>,"aspectRatio":"<optional, for image/video>"}',
+      async handler({ type, subKind, name, prompt, x, y, text, modelKey, durationMs, aspectRatio }) {
         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,21 @@
         if (prompt && type !== 'text' && type !== 'label') {
           node.status = 'draft';
           node.generated = { rawPrompt: prompt, prompt, modelKey: modelKey || undefined };
+          // aspectRatio в node.generated — startGenerationJob/submitBody читает
+          // node.generated.aspectRatio как первый приоритет (выше чем
+          // board-level setting). Без этого новая нода берёт scene aspect,
+          // и пользовательское «горизонтальная» теряется.
+          if (aspectRatio && (type === 'image' || type === 'video')) {
+            node.generated.aspectRatio = aspectRatio;
+          }
+          // 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();
@@ -146,7 +191,7 @@
     },
 
     connect_nodes: {
-      description: 'Соединить две ноды (from → to). toPort: "image" | "video" | "audio" — куда подаём ссылку (опционально, для @-резолва при генерации).',
+      description: 'Соединить две ноды (from → to). toPort: "image"|"video"|"audio" — куда подаём ссылку (опционально, для @-резолва при генерации).',
       params: '{"from":"<id>","to":"<id>","toPort":"image|video|audio (optional)"}',
       async handler({ from, to, toPort }) {
         const b = state.currentBoard;
@@ -175,7 +220,6 @@
         const el = document.querySelector(`.node[data-id="${id}"]`);
         if (typeof deleteNode === 'function') await deleteNode(node, el);
         else {
-          // Fallback: просто убираем из массива.
           b.metadata.nodes = b.metadata.nodes.filter(n => n.id !== id);
           b.metadata.connections = (b.metadata.connections || []).filter(c => c.from !== id && c.to !== id);
           scheduleSave();
@@ -210,7 +254,7 @@
     },
 
     add_clip_to_timeline: {
-      description: 'Добавить ноду как клип в таймлайн. trackKind="video" для image/video, "audio" для audio. Если start не задан — добавляется в конец дорожки.',
+      description: 'Добавить ноду как клип в таймлайн. trackKind="video" для image/video, "audio" для audio. Если start не задан — в конец дорожки.',
       params: '{"nodeId":"<node-id>","trackKind":"video|audio","start":<seconds (optional)>,"duration":<seconds (optional, default по типу)>}',
       async handler({ nodeId, trackKind, start, duration }) {
         const b = state.currentBoard;
@@ -299,7 +343,7 @@
     },
 
     generate_node: {
-      description: 'Запустить генерацию для draft-ноды (image/video/audio/text). Стартует напрямую в фоне БЕЗ показа диалога — не интерактивная UI-форма как regenerateNode.',
+      description: 'Запустить генерацию для draft-ноды (image/video/audio/text). Стартует напрямую в фоне БЕЗ показа диалога.',
       params: '{"id":"<node-id>"}',
       async handler({ id }) {
         const b = state.currentBoard;
@@ -322,11 +366,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);
@@ -362,6 +416,8 @@
     lines.push('- Не выдумывай id нод — id это случайные UUID, угадать нельзя.');
     lines.push('  - Если нужен id существующей ноды — сначала read_scene (вернёт массив с реальными id).');
     lines.push('  - После add_node — id новой ноды лежит в result.id ответа этого вызова.');
+    lines.push('- НЕ упоминай id в текстовых сообщениях пользователю (это шум). Используй имена нод.');
+    lines.push('  Примеры: «Готово, добавил картинку «Закат»», а не «Готово, добавил картинку id=abc-123».');
     lines.push('- Не выдумывай имена сцен — сначала list_scenes.');
     lines.push('- Для генерации сразу после add_node — ВОЗЬМИ id из result.id ПРЕДЫДУЩЕГО вызова и передай в generate_node.');
     lines.push('- Когда нужно создать несколько нод сразу — выдавай add_node + generate_node чередуя, или сначала все add_node, потом все generate_node (используя id из их result-ов).');
@@ -714,6 +770,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 +792,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 +1167,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 +1302,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/generate.js

@@ -1863,52 +1863,76 @@ async function resumeJob(node, bKey, boardHandle) {
   if (state.jobs.has(node.id)) return;
   if (!node.generated || node.status !== 'generating') return;
 
+  // Маршрутизация по kind/subKind. Без этого music/sfx падали на
+  // resume (всё уходило в runTTSJob).
+  const kind = node.generated.kind;
+  const subKind = node.generated.subKind || (kind === 'audio' ? 'voice' : null);
+
   if (node.generated.taskId) {
-    // Уже зарегистрировано в KIE — просто опрашиваем
-    const job = { boardKey: bKey, boardHandle, kind: node.generated.kind, taskId: node.generated.taskId, nodeId: node.id };
+    // Уже зарегистрировано в KIE — просто опрашиваем.
+    const job = { boardKey: bKey, boardHandle, kind, taskId: node.generated.taskId, nodeId: node.id };
     state.jobs.set(node.id, job);
     updateJobsBadge();
     try {
-      await pollJob(job, node.id, bKey, boardHandle, node.generated.kind);
+      await pollJob(job, node.id, bKey, boardHandle, kind);
     } catch (e) {
       await mutateNode(bKey, boardHandle, node.id, n => { n.status = 'error'; n.error = e.message; });
       state.jobs.delete(node.id);
       updateJobsBadge();
     }
-  } else {
-    // Перезагрузка случилась до сабмита: рестарт с фазы upload+submit.
-    // Маршрутизируем по kind — audio/text не идут через KIE.
-    const kind = node.generated.kind;
-    if (kind === 'audio') {
-      await runTTSJob(node, node.generated.prompt, boardHandle, bKey, node.generated.voiceId);
-    } else if (kind === 'text') {
-      const imageRefs = (node.generated.refs || []).filter(r => r.type === 'image' && r.file);
-      const model = node.generated.model || node.generated.modelKey || 'anthropic/claude-sonnet-4';
-      await runTextJob(node, node.generated.prompt, model, boardHandle, bKey, imageRefs);
+    return;
+  }
+  // Перезагрузка случилась до сабмита: рестарт с фазы upload+submit.
+  if (kind === 'audio') {
+    if (subKind === 'music' && typeof runMusicJob === 'function') {
+      await runMusicJob(node, node.generated.prompt, node.generated.durationMs || null, boardHandle, bKey);
+    } else if (subKind === 'sfx' && typeof runSfxJob === 'function') {
+      await runSfxJob(node, node.generated.prompt, node.generated.durationMs ? node.generated.durationMs / 1000 : null, boardHandle, bKey);
     } else {
-      const refs = (node.generated.refs || []).map(r => ({ name: r.name, type: r.type, file: r.file }));
-      await startGenerationJob(node, kind, node.generated.prompt, refs, boardHandle, bKey, node.generated.modelKey);
+      await runTTSJob(node, node.generated.prompt, boardHandle, bKey, node.generated.voiceId);
     }
+  } else if (kind === 'text') {
+    const imageRefs = (node.generated.refs || []).filter(r => r.type === 'image' && r.file);
+    const model = node.generated.model || node.generated.modelKey || 'anthropic/claude-sonnet-4';
+    await runTextJob(node, node.generated.prompt, model, boardHandle, bKey, imageRefs);
+  } else {
+    const refs = (node.generated.refs || []).map(r => ({ name: r.name, type: r.type, file: r.file }));
+    await startGenerationJob(node, kind, node.generated.prompt, refs, boardHandle, bKey, node.generated.modelKey);
   }
 }
 
+// Сканируем ВСЕ доски проекта (episodes + characters + locations) на
+// зависшие генерации. Раньше только episodes+characters → location-нода
+// в статусе 'generating' оставалась навсегда.
+// Resume и для нод БЕЗ taskId (рестарт submit'a) — раньше пропускали.
 async function scanAllBoardsForPendingJobs(filmHandle) {
-  const [eps, chars] = await Promise.all([listEpisodes(filmHandle), listCharacters(filmHandle)]);
+  const [eps, chars, locs] = await Promise.all([
+    listEpisodes(filmHandle),
+    listCharacters(filmHandle),
+    listLocations(filmHandle),
+  ]);
   const all = [
     ...eps.map(b => ({ kind: 'episode', ...b })),
     ...chars.map(b => ({ kind: 'character', ...b })),
+    ...locs.map(b => ({ kind: 'location', ...b })),
   ];
+  let resumed = 0;
   for (const b of all) {
     try {
       const meta = await loadBoardMetadata(b.handle);
       const bKey = boardKey(b.kind, b.name);
       for (const n of meta.nodes) {
-        if (n.status === 'generating' && n.generated?.taskId && !state.jobs.has(n.id)) {
-          resumeJob(n, bKey, b.handle);
+        if (n.status === 'generating' && !state.jobs.has(n.id)) {
+          resumed++;
+          // resumeJob handles BOTH taskId-есть (poll) и taskId-нет (restart submit).
+          resumeJob(n, bKey, b.handle).catch(e => console.warn('resume failed', n.id, e?.message));
         }
       }
     } catch (e) { console.warn('scan board failed', b.name, e); }
   }
+  if (resumed) {
+    showToast(`▶ Возобновлено ${resumed} незаконч. генераций`, 'info');
+  }
 }
 
 async function pollJob(job, nodeId, bKey, boardHandle, kind) {
@@ -1947,8 +1971,10 @@ async function pollJob(job, nodeId, bKey, boardHandle, kind) {
       const cost = typeof pd.cost === 'number' ? pd.cost : null;
       if (cost !== null) logJob(nodeId, `списано ${cost} credits`);
       logJob(nodeId, `done → file=${relPath} (${blob.size} bytes)`);
+      let nodeName;
       await mutateNode(bKey, boardHandle, nodeId, n => {
         n.status = undefined; n.error = undefined; n.file = relPath;
+        nodeName = n.name;
         if (cost !== null) {
           n.generated = { ...(n.generated || {}), creditsCharged: cost };
         }
@@ -1956,6 +1982,10 @@ async function pollJob(job, nodeId, bKey, boardHandle, kind) {
       state.jobs.delete(nodeId);
       updateJobsBadge();
       if (typeof window.refreshBalance === 'function') window.refreshBalance();
+      // Toast если завершилось НЕ на текущей доске (юзер мог переключиться).
+      if (typeof showToast === 'function' && state.currentBoard?.key !== bKey) {
+        showToast(`✓ ${kind} «${nodeName || nodeId.slice(0,6)}» готов в ${bKey}`, 'ok');
+      }
       return;
     }
     if (pd.status === 'error') {

package/renderer/media.js

@@ -216,8 +216,13 @@ function triggerDownload(blob, filename) {
 function findFreeSpot(w = 280, h = 320) {
   const nodes = state.currentBoard?.metadata?.nodes || [];
   const margin = 24;
-  const startX = canvasWrap.scrollLeft / state.zoom + 40;
-  const startY = canvasWrap.scrollTop  / state.zoom + 40;
+  // ВАЖНО: учесть canvas-padding (после v0.12.0). scrollLeft теперь
+  // включает padX. Без вычитания startX оказывался ~+2000 от content
+  // origin'a и нода создавалась за экраном (типичный кейс — музыка
+  // не появлялась после клика на 🎵 кнопку).
+  const { padX, padY } = _getFramePadding();
+  const startX = (canvasWrap.scrollLeft - padX) / state.zoom + 40;
+  const startY = (canvasWrap.scrollTop  - padY) / state.zoom + 40;
   const step = 60;
   for (let y = startY; y < startY + 3000; y += step) {
     for (let x = startX; x < startX + 3000; x += step) {

package/renderer/state.js

@@ -70,6 +70,31 @@ async function listCharacters(filmHandle) {
   } catch { return []; }
 }
 
+// Глобальный toast для информативных уведомлений (генерация завершилась,
+// resume сработал, ...). Стек справа сверху, auto-dismiss через 5s.
+function showToast(text, kind) {
+  let host = document.getElementById('toastHost');
+  if (!host) {
+    host = document.createElement('div');
+    host.id = 'toastHost';
+    host.style.cssText = 'position:fixed; right:16px; top:64px; z-index:9999; display:flex; flex-direction:column; gap:6px; pointer-events:none;';
+    document.body.appendChild(host);
+  }
+  const t = document.createElement('div');
+  const colors = {
+    ok:    'background:#1a3a1a; border:1px solid #2a6a3a; color:#9efa9e;',
+    error: 'background:#3a1a1a; border:1px solid #8a2a2a; color:#fa9e9e;',
+    info:  'background:#1a2a3a; border:1px solid #2a4a6a; color:#9ecdfa;',
+  };
+  t.style.cssText = `${colors[kind] || colors.info} padding:8px 14px; border-radius:6px; font-size:12px; pointer-events:auto; box-shadow:0 4px 16px rgba(0,0,0,0.4); animation:toastIn 0.18s ease-out;`;
+  t.textContent = text;
+  t.addEventListener('click', () => t.remove());
+  host.appendChild(t);
+  setTimeout(() => t.remove(), 5000);
+  return t;
+}
+window.showToast = showToast;
+
 async function listLocations(filmHandle) {
   try {
     const root = await filmHandle.getDirectoryHandle(LOC_DIR);

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);