kingkont 0.14.7 → 0.15.1

package/lib/providers.js

@@ -602,7 +602,12 @@ async function generateMusic(args) {
   const { prompt, durationMs, settings: s } = args;
   if (!prompt) throw new Error('нужен prompt');
 
-  if (s.useChatium && s.chatium?.token && s.chatium?.base) {
+  // Приоритет direct ElevenLabs если включён + есть ключ — у юзера могут
+  // быть кастомные саб-настройки и платный ElevenLabs (зачем тратить
+  // Chatium-кредиты). Аналогичная логика в generateTts/generateSfx.
+  const directElevenAvailable = s.useElevenlabs && process.env.ELEVENLABS_API_KEY;
+
+  if (s.useChatium && s.chatium?.token && s.chatium?.base && !directElevenAvailable) {
     return await audioViaChatium(s, { kind: 'music', prompt, durationMs });
   }
   if (!s.useElevenlabs) throw new Error('Войдите в KingKont или ElevenLabs для аудио.');

package/package.json

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

package/renderer/board.js

@@ -587,6 +587,28 @@ async function renderWelcomeRecents() {
   }
 }
 
+// Бейдж «N в фоне» в верхнем-левом углу обложки welcome-карточки.
+// Показывается когда в этом проекте есть активные bg-jobs (см. bgJobsAll).
+function _makeBgBadge(n) {
+  const b = document.createElement('div');
+  b.className = 'welcome-card-bg-badge';
+  b.title = `${n} ${_ru_jobs(n)} в фоне`;
+  b.textContent = `⏳ ${n}`;
+  return b;
+}
+function _ru_jobs(n) {
+  const n10 = n % 10, n100 = n % 100;
+  if (n100 >= 11 && n100 <= 14) return 'генераций';
+  if (n10 === 1) return 'генерация';
+  if (n10 >= 2 && n10 <= 4) return 'генерации';
+  return 'генераций';
+}
+// Live-update welcome когда bg-jobs меняются (start/end). Перерисовываем
+// только если открыт welcome (нет проекта), иначе UI не виден.
+window.addEventListener('bgjobs:changed', () => {
+  if (!state.filmHandle) renderWelcomeRecents().catch(() => {});
+});
+
 // Карточка локального (папочного) проекта — извлечена из renderWelcomeRecents.
 // Удаление и save-as-template — через ПКМ (по аналогии с cloud-карточкой).
 function makeRecentWelcomeCard(r) {
@@ -600,6 +622,10 @@ function makeRecentWelcomeCard(r) {
     img.onload = () => setTimeout(() => URL.revokeObjectURL(img.src), 60_000);
     thumb.appendChild(img);
   } else thumb.textContent = '🎬';
+  // Бейдж «N в фоне» если в этом проекте крутятся генерации.
+  // Map проектов → projectKey: для folder-проектов = 'folder:' + r.name.
+  const bgList = (typeof bgJobsAll === 'function' ? bgJobsAll() : {})['folder:' + r.name];
+  if (bgList?.length) thumb.appendChild(_makeBgBadge(bgList.length));
   const meta = document.createElement('div');
   meta.className = 'welcome-card-meta';
   const nameEl = document.createElement('div');
@@ -753,6 +779,9 @@ function makeCloudWelcomeCard(p) {
   cloudBadge.textContent = '☁';
   cloudBadge.title = 'Облачный проект';
   thumb.appendChild(cloudBadge);
+  // Бейдж «N в фоне» если в этом проекте крутятся генерации.
+  const bgList = (typeof bgJobsAll === 'function' ? bgJobsAll() : {})['cloud:' + p.id];
+  if (bgList?.length) thumb.appendChild(_makeBgBadge(bgList.length));
 
   const meta = document.createElement('div');
   meta.className = 'welcome-card-meta';

package/renderer/chat.js

@@ -183,6 +183,50 @@
       },
     },
 
+    move_node: {
+      description: 'Передвинуть ноду в новые координаты (или сдвинуть относительно текущих через dx/dy). x/y абсолютные в canvas-coord. Если нужно сдвинуть несколько нод подряд — выдавай несколько move_node.',
+      params: '{"id":"<node-id>","x":<absolute>,"y":<absolute>,"dx":<relative-shift>,"dy":<relative-shift>}',
+      async handler({ id, x, y, dx, dy }) {
+        const b = state.currentBoard;
+        if (!b) throw new Error('доска не выбрана');
+        const node = b.metadata.nodes.find(n => n.id === id);
+        if (!node) throw new Error(`нода не найдена: ${id}`);
+        if (typeof x === 'number') node.x = x;
+        if (typeof y === 'number') node.y = y;
+        if (typeof dx === 'number') node.x = (node.x || 0) + dx;
+        if (typeof dy === 'number') node.y = (node.y || 0) + dy;
+        // Clamp к >= 50 чтобы не уехала в негатив за viewport.
+        if (node.x < 50) node.x = 50;
+        if (node.y < 50) node.y = 50;
+        scheduleSave();
+        if (typeof renderCanvas === 'function') await renderCanvas();
+        return { ok: true, x: node.x, y: node.y };
+      },
+    },
+
+    edit_scene_json: {
+      description: 'Прямое редактирование scene.json текущей доски — для нестандартных операций (массовая правка позиций, sort нод, чистка metadata, и т.п.). Передай patch как объект — поля заменяют существующие. Для замены ВСЕГО массива nodes — передай {nodes: [...]}. ВНИМАНИЕ: ошибка тут разрушит сцену — обязательно вызови take_snapshot ПЕРЕД.',
+      params: '{"patch":{...}}',
+      async handler({ patch }) {
+        const b = state.currentBoard;
+        if (!b) throw new Error('доска не выбрана');
+        if (!patch || typeof patch !== 'object') throw new Error('patch должен быть объектом');
+        // Применяем patch к metadata (top-level merge). Для nodes/connections
+        // если переданы — заменяем массив целиком (не merge).
+        for (const [k, v] of Object.entries(patch)) {
+          b.metadata[k] = v;
+        }
+        scheduleSave();
+        if (typeof renderCanvas === 'function') await renderCanvas();
+        if (typeof renderConnections === 'function') renderConnections();
+        return {
+          ok: true,
+          nodesCount: (b.metadata.nodes || []).length,
+          connectionsCount: (b.metadata.connections || []).length,
+        };
+      },
+    },
+
     update_node_prompt: {
       description: 'Обновить промпт у image/video/audio ноды (без re-генерации).',
       params: '{"id":"<node-id>","prompt":"<new>"}',
@@ -278,9 +322,18 @@
       async handler({ nodeId, trackKind, start, duration }) {
         const b = state.currentBoard;
         if (!b) throw new Error('доска не выбрана');
+        // Re-read scene с диска чтобы видеть свежий node.file (после
+        // background-генерации). Без этого chat'оподобный flow «добавь и
+        // сразу в таймлайн» — файла ещё нет в node.file in-memory.
+        try {
+          const sceneFh = await b.handle.getFileHandle('scene.json');
+          const txt = await (await sceneFh.getFile()).text();
+          const scene = JSON.parse(txt);
+          if (Array.isArray(scene.nodes)) b.metadata.nodes = scene.nodes;
+        } catch {}
         const node = b.metadata.nodes.find(n => n.id === nodeId);
         if (!node) throw new Error(`нода не найдена: ${nodeId}`);
-        if (!node.file) throw new Error('у ноды нет файла (нужно сначала сгенерировать)');
+        if (!node.file) throw new Error('у ноды нет файла (нужно сначала сгенерировать и дождаться)');
         if (typeof getTimeline !== 'function') throw new Error('getTimeline недоступен');
         const tl = getTimeline();
         const tk = trackKind === 'audio' ? 'audio' : 'video';
@@ -304,8 +357,14 @@
         };
         track.clips.push(clip);
         scheduleSave();
-        if (!document.getElementById('timelinePanel').classList.contains('hidden')) {
-          if (typeof renderTimeline === 'function') renderTimeline();
+        // Force open + render: иначе thumbnails не загружаются (рендер скип'ался
+        // при скрытой панели, и при следующем открытии состояние UI было stale).
+        const tlPanel = document.getElementById('timelinePanel');
+        if (tlPanel?.classList.contains('hidden')) {
+          // Открываем таймлайн чтобы юзер видел что добавилось.
+          document.getElementById('timelineBtn')?.click();
+        } else if (typeof renderTimeline === 'function') {
+          await renderTimeline();
         }
         return { ok: true, clipId: clip.id, trackId: track.id, start: clip.start, duration: clip.duration };
       },
@@ -1374,9 +1433,8 @@
     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);
+      // Z-index сам разруливает: preview.collapsed → ниже чата (z=40 vs 45),
+      // preview открыт → поверх (z=50). Auto-collapse больше не нужен.
       // Отрисовываем сохранённую историю при показе (на случай если она
       // была подгружена в фоне через loadFromCurrentProject до первого toggle).
       renderHistory();
@@ -1424,12 +1482,15 @@
       history = []; snapshots = [];
       renderHistory(); renderSnapshotBar();
     },
-    // Reset-on-close: останавливаем polling, чистим UI. История на сервере
-    // остаётся (server-side persistence). re-open того же проекта подгрузит.
+    // Reset-on-close: НЕ останавливаем polling — серверный loop может ещё
+    // ждать tool-results. Если бросим polling, loop зависает (tools никто
+    // не исполнит). Клиентский UI чистим, но poll продолжается в фоне на
+    // сессию ПОСЛЕДНЕГО открытого проекта (она же станет «фоновым chat'ом»).
+    // При открытии другого проекта — startPolling переключит sessionKey.
     resetInMemory: async () => {
-      stopPolling();
       history = []; snapshots = [];
       renderHistory(); renderSnapshotBar();
+      // Polling оставляем активным — это и есть «бг-чат».
     },
     // board.js зовёт после openFilm чтобы подгрузить chat-историю проекта.
     loadFromCurrentProject: () => loadHistoryFromCurrentProject(),

package/renderer/generate.js

@@ -1728,6 +1728,8 @@ async function startGenerationJob(node, kind, prompt, mediaRefs, boardHandle, bK
   const job = { boardKey: bKey, boardHandle, kind, taskId: null, nodeId: node.id };
   state.jobs.set(node.id, job);
   updateJobsBadge();
+  // Track в global bg-jobs (для welcome-индикаторов и system-notif при завершении).
+  if (typeof bgJobStart === 'function') bgJobStart({ nodeId: node.id, kind, name: node.name });
   logJob(node.id, `gen start kind=${kind} model=${modelKey || '—'} refs=${mediaRefs?.length || 0} prompt="${(prompt||'').slice(0,200)}"`);
   // Подробный дамп всех refs со всеми полями
   logJob(node.id, `refs dump: ${logSafe((mediaRefs || []).map(r => ({
@@ -1856,6 +1858,11 @@ async function startGenerationJob(node, kind, prompt, mediaRefs, boardHandle, bK
     });
     state.jobs.delete(node.id);
     updateJobsBadge();
+    if (typeof bgJobEnd === 'function') bgJobEnd(node.id);
+    if (typeof showToast === 'function') showToast(`⚠ ${kind || 'gen'}: ${e.message?.slice(0, 80)}`, 'error');
+    if (typeof systemNotify === 'function' && document.hidden) {
+      systemNotify('KingKont: ошибка генерации', e.message?.slice(0, 100), { tag: 'gen-err-' + node.id }).catch(() => {});
+    }
   }
 }
 
@@ -1981,10 +1988,23 @@ async function pollJob(job, nodeId, bKey, boardHandle, kind) {
       });
       state.jobs.delete(nodeId);
       updateJobsBadge();
+      // bgJob убираем (welcome перечитает счётчики через event).
+      if (typeof bgJobEnd === 'function') bgJobEnd(nodeId);
       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');
+      // Toast — ВСЕГДА (юзер хочет видеть когда что-то сделалось).
+      // Стиль 'ok' для current-board, 'info' для другой доски.
+      const isCurrent = state.currentBoard?.key === bKey;
+      if (typeof showToast === 'function') {
+        const where = isCurrent ? '' : ` в ${bKey}`;
+        showToast(`✓ ${kind} «${nodeName || nodeId.slice(0,6)}» готов${where}`, isCurrent ? 'ok' : 'info');
+      }
+      // System notification — только когда генерация завершилась в фоне
+      // (не на активной доске или когда окно скрыто). На активном UI
+      // юзер и так видит результат — не нужен лишний попап.
+      if (typeof systemNotify === 'function' && (!isCurrent || document.hidden)) {
+        systemNotify(`KingKont: ${kind} готов`, `«${nodeName || ''}» в ${bKey}`, {
+          tag: 'gen-' + nodeId,
+        }).catch(() => {});
       }
       return;
     }

package/renderer/state.js

@@ -70,6 +70,85 @@ async function listCharacters(filmHandle) {
   } catch { return []; }
 }
 
+// === BG-JOBS TRACKING ===
+// Хранит активные генерации МЕЖДУ всеми проектами в localStorage:
+//   bgJobs:<projectKey> = [{nodeId, kind, name, startedAt}]
+// Используется для показа индикаторов на welcome-карточках («N генераций
+// в фоне») и системных уведомлений когда что-то завершилось.
+function bgJobsKey(projectKey) { return 'bgJobs:' + projectKey; }
+function _projectKeyForCurrent() {
+  if (state.cloudProjectId) return 'cloud:' + state.cloudProjectId;
+  if (state.filmHandle?.name) return 'folder:' + state.filmHandle.name;
+  return null;
+}
+function bgJobStart(info) {
+  // info: {nodeId, kind, name?, projectKey?}
+  const pk = info.projectKey || _projectKeyForCurrent();
+  if (!pk) return;
+  try {
+    const list = JSON.parse(localStorage.getItem(bgJobsKey(pk)) || '[]');
+    if (list.some(j => j.nodeId === info.nodeId)) return;  // уже трекается
+    list.push({ nodeId: info.nodeId, kind: info.kind, name: info.name || null, startedAt: Date.now() });
+    localStorage.setItem(bgJobsKey(pk), JSON.stringify(list));
+    window.dispatchEvent(new CustomEvent('bgjobs:changed'));
+  } catch {}
+}
+function bgJobEnd(nodeId, projectKey) {
+  const pk = projectKey || _projectKeyForCurrent();
+  if (!pk) return null;
+  try {
+    const list = JSON.parse(localStorage.getItem(bgJobsKey(pk)) || '[]');
+    const job = list.find(j => j.nodeId === nodeId);
+    const filtered = list.filter(j => j.nodeId !== nodeId);
+    if (filtered.length) localStorage.setItem(bgJobsKey(pk), JSON.stringify(filtered));
+    else localStorage.removeItem(bgJobsKey(pk));
+    window.dispatchEvent(new CustomEvent('bgjobs:changed'));
+    return job;
+  } catch { return null; }
+}
+function bgJobsAll() {
+  const result = {};
+  try {
+    for (let i = 0; i < localStorage.length; i++) {
+      const k = localStorage.key(i);
+      if (!k || !k.startsWith('bgJobs:')) continue;
+      const list = JSON.parse(localStorage.getItem(k) || '[]');
+      if (list.length) result[k.slice('bgJobs:'.length)] = list;
+    }
+  } catch {}
+  return result;
+}
+window.bgJobStart = bgJobStart;
+window.bgJobEnd = bgJobEnd;
+window.bgJobsAll = bgJobsAll;
+
+// === SYSTEM NOTIFICATION (HTML5 Notification API) ===
+// Просим разрешение лениво — на первом успешном вызове.
+let _notifPermAsked = false;
+async function systemNotify(title, body, opts = {}) {
+  if (typeof Notification === 'undefined') return null;
+  let perm = Notification.permission;
+  if (perm === 'default' && !_notifPermAsked) {
+    _notifPermAsked = true;
+    try { perm = await Notification.requestPermission(); } catch {}
+  }
+  if (perm !== 'granted') return null;
+  try {
+    const n = new Notification(title, {
+      body: body || '',
+      icon: opts.icon || 'assets/icon.png',
+      tag: opts.tag,                 // dedup по tag (одинаковый = заменяет)
+      silent: opts.silent === true,
+    });
+    if (opts.onClick) n.onclick = opts.onClick;
+    return n;
+  } catch (e) {
+    console.warn('systemNotify failed:', e?.message);
+    return null;
+  }
+}
+window.systemNotify = systemNotify;
+
 // Глобальный toast для информативных уведомлений (генерация завершилась,
 // resume сработал, ...). Стек справа сверху, auto-dismiss через 5s.
 function showToast(text, kind) {

package/renderer/styles.css

@@ -253,10 +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 30 — НИЖЕ preview-panel (z-index 40). Preview перекрывает чат
-       визуально; при открытии чата preview сворачивается автоматически
-       (см. toggle() в chat.js → setPreviewCollapsed(true)). */
-    z-index: 30;
+    /* z-index 45 — ВЫШЕ свёрнутого preview (40). Когда preview открыт
+       (НЕ .collapsed), он получает z-index 50 → перекрывает чат. См.
+       правило body:has(.preview-panel:not(.collapsed)) ниже. */
+    z-index: 45;
     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);
@@ -265,6 +265,12 @@
        position спасал, но без этого max-width дочерних не работал. */
     overflow-x: hidden; box-sizing: border-box;
   }
+  /* Preview открыт (развёрнут) — поднимаем над чатом. Когда collapsed
+     (полоска справа) — преview опускается ниже чата (z-index по умолчанию
+     40 vs наш chat 45). */
+  body:has(.preview-panel:not(.collapsed)) .preview-panel {
+    z-index: 50;
+  }
   .chat-panel.chat-drag::before {
     content: '📎 Отпусти, чтобы прикрепить файл к чату';
     position: absolute; inset: 0; z-index: 100;
@@ -490,6 +496,21 @@
     font-size: 13px; line-height: 1;
     backdrop-filter: blur(2px);
   }
+  /* «⏳ N» — индикатор активных фоновых генераций. Top-left угла обложки. */
+  .welcome-card-bg-badge {
+    position: absolute; left: 6px; top: 6px;
+    background: rgba(50, 30, 20, 0.88); color: #fc9;
+    border: 1px solid rgba(255, 200, 160, 0.4);
+    border-radius: 12px; padding: 2px 8px;
+    display: inline-flex; align-items: center; gap: 4px;
+    font-size: 11px; line-height: 1.2; font-weight: 500;
+    backdrop-filter: blur(2px);
+    animation: bgBadgePulse 1.6s ease-in-out infinite;
+  }
+  @keyframes bgBadgePulse {
+    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; }