kingkont 0.14.1 → 0.14.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.14.1",
+  "version": "0.14.3",
   "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,15 @@ async function selectBoard(board) {
     canvasWrap.scrollTop = padY;
   }
 
+  // Auto-scroll к bbox нод — ТОЛЬКО если view не был сохранён ранее
+  // (т.е. это первый раз открываем доску, или юзер ни разу не скроллил).
+  // Раньше срабатывало всегда — из-за гонки с applyZoomStyles (resize
+  // через setTimeout 200ms) scrollLeft при zoom<1 клампился, bbox казался
+  // невидимым, view перебивался → юзер терял сохранённую позицию.
+  if (!view || (typeof view.scrollLeft !== 'number' && typeof view.scrollTop !== 'number')) {
+    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,17 +91,17 @@
           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). Для 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 }) {
+      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}`);
         // Поиск незанятого места: пытаемся справа от последней ноды,
@@ -152,6 +152,13 @@
         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') {
@@ -184,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;
@@ -213,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();
@@ -248,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;
@@ -337,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;
@@ -410,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-ов).');

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