kingkont 0.14.6 → 0.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.14.6",
+  "version": "0.15.0",
   "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

@@ -99,9 +99,9 @@
     },
 
     add_node: {
-      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 }) {
+      description: 'Добавить ноду на текущую доску. Типы: image, video, audio, text, label.\n  - image/video/audio с prompt → draft, юзер потом запустит generation (или используй generate_node).\n  - audio: subKind="music"|"sfx"|"voice" (дефолт voice/TTS).\n  - aspectRatio: "16:9"|"9:16"|"1:1"|"3:4"|"4:3"|"21:9" — переопределяет дефолт сцены. Если юзер сказал "горизонтальная"→16:9, "вертикальная"→9:16, "квадрат"→1:1.\n  - text: длинный markdown-блок (несколько абзацев). Передай text="...".\n  - label: КОРОТКАЯ подпись поверх холста (заголовок, метка). Передай text="..." (1-3 слова обычно). Опционально textStyle={fontSize, fontFamily, italic}.',
+      params: '{"type":"image|video|audio|text|label","subKind":"music|sfx|voice","name":"<optional>","prompt":"<for image/video/audio>","x":<optional>,"y":<optional>,"text":"<for text/label>","textStyle":{"fontSize":<12|14|18|24|32|48|64|96>,"italic":<bool>,"fontFamily":"default|pencil|handwritten|brush|marker|display|elegant|rounded|serif|mono"},"modelKey":"<optional>","durationMs":<for music/sfx>,"aspectRatio":"<optional>"}',
+      async handler({ type, subKind, name, prompt, x, y, text, textStyle, modelKey, durationMs, aspectRatio }) {
         if (!state.currentBoard) throw new Error('доска не выбрана');
         if (!['image','video','audio','text','label'].includes(type)) throw new Error(`unknown type: ${type}`);
         // Поиск незанятого места: пытаемся справа от последней ноды,
@@ -149,6 +149,14 @@
           node.text = text;
           // .md создастся при saveBoardMetadata.
         }
+        if (type === 'label') {
+          node.text = (typeof text === 'string' && text.trim()) ? text : 'Подпись';
+          // textStyle: дефолт совпадает с UI-добавленной подписью.
+          // Юзерские поля переопределяют по одному (не replace целиком).
+          const defaultStyle = { fontSize: 32, italic: false, fontFamily: 'pencil' };
+          node.textStyle = { ...defaultStyle, ...(textStyle || {}) };
+          // Label — auto-size по тексту, width/height не задаём.
+        }
         if (prompt && type !== 'text' && type !== 'label') {
           node.status = 'draft';
           node.generated = { rawPrompt: prompt, prompt, modelKey: modelKey || undefined };
@@ -1366,9 +1374,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();

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