kingkont 0.16.1 → 0.17.0

package/lib/jobsHub.js

@@ -15,22 +15,43 @@ const wsHub = require('./wsHub');
 
 const jobsByProject = new Map();   // projectKey → Map<jobId, jobInfo>
 
-function _emit(projectKey) {
+// Серверные polling-таймеры. Для каждого jobId с known taskId+kind
+// сервер сам опрашивает провайдера каждые POLL_INTERVAL_MS. На completion
+// — WS-event с готовым URL+cost. Renderer (если жив) скачивает + пишет
+// файл; если был закрыт — при возврате найдёт по scanAllBoardsForPendingJobs.
+const pollers = new Map();   // jobId → { intervalId, taskId, kind, projectKey, lastPollAt }
+const POLL_INTERVAL_MS = 4000;
+
+let _settingsGetter = () => ({});
+function setSettingsGetter(fn) { if (typeof fn === 'function') _settingsGetter = fn; }
+
+function _emit(projectKey, extra) {
   const list = listForProject(projectKey);
-  wsHub.publish('jobs:' + projectKey, { kind: 'changed', list });
-  wsHub.publish('jobs:all', { kind: 'changed', projectKey, list });
+  const evt = { kind: 'changed', list, ...(extra || {}) };
+  wsHub.publish('jobs:' + projectKey, evt);
+  wsHub.publish('jobs:all', { ...evt, projectKey });
 }
 
-function start({ projectKey, jobId, kind, name, type }) {
+function start({ projectKey, jobId, kind, name, type, taskId }) {
   if (!projectKey || !jobId) return;
   let m = jobsByProject.get(projectKey);
   if (!m) { m = new Map(); jobsByProject.set(projectKey, m); }
-  m.set(jobId, { kind: kind || null, name: name || null, type: type || null, startedAt: Date.now() });
+  m.set(jobId, {
+    kind: kind || null, name: name || null, type: type || null,
+    taskId: taskId || null, startedAt: Date.now(),
+  });
   _emit(projectKey);
+  // Если есть taskId + kind — стартуем серверный poller. Renderer тоже
+  // полит параллельно (старый flow), но если он закрыт — серверный
+  // продолжает и шлёт WS-event на completion.
+  if (taskId && (kind === 'image' || kind === 'video')) {
+    _startPoller({ projectKey, jobId, taskId, kind });
+  }
 }
 
 function end({ projectKey, jobId }) {
   if (!projectKey || !jobId) return null;
+  _stopPoller(jobId);
   const m = jobsByProject.get(projectKey);
   if (!m) return null;
   const job = m.get(jobId);
@@ -40,6 +61,63 @@ function end({ projectKey, jobId }) {
   return job || null;
 }
 
+function _startPoller({ projectKey, jobId, taskId, kind }) {
+  if (pollers.has(jobId)) return;
+  const providers = require('./providers');
+  const tick = async () => {
+    const entry = pollers.get(jobId);
+    if (!entry) return;
+    entry.lastPollAt = Date.now();
+    let r;
+    try { r = await providers.pollGeneration(taskId, _settingsGetter()); }
+    catch (e) {
+      console.warn('[jobsHub] poll failed for', jobId, e?.message);
+      return;          // следующий tick попробует снова
+    }
+    if (r.status === 'done') {
+      _stopPoller(jobId);
+      // Push WS event с completion-info. Renderer (если жив) скачает
+      // через /api/proxy и запишет в FSAH. Если renderer закрыт — event
+      // пропадёт; при возврате scanAllBoardsForPendingJobs восстановит
+      // (там status='generating' + taskId в scene.json).
+      wsHub.publish('jobs:' + projectKey, {
+        kind: 'done', jobId, taskId, url: r.url, cost: r.cost ?? null, kindOf: kind, provider: r.provider,
+      });
+      wsHub.publish('jobs:all', {
+        kind: 'done', projectKey, jobId, taskId, url: r.url, cost: r.cost ?? null, kindOf: kind, provider: r.provider,
+      });
+      // Job-end ОТЛОЖЕН — ждём ack от клиента (он скачает файл).
+      // Но если за 60s никто не пришёл — auto-end (чтобы счётчики не зависали).
+      setTimeout(() => {
+        if (!pollers.has(jobId)) end({ projectKey, jobId });
+      }, 60000);
+    } else if (r.status === 'error') {
+      _stopPoller(jobId);
+      wsHub.publish('jobs:' + projectKey, {
+        kind: 'failed', jobId, taskId, error: r.error, kindOf: kind,
+      });
+      wsHub.publish('jobs:all', {
+        kind: 'failed', projectKey, jobId, taskId, error: r.error, kindOf: kind,
+      });
+      // На ошибке тоже auto-end через 60s.
+      setTimeout(() => {
+        if (!pollers.has(jobId)) end({ projectKey, jobId });
+      }, 60000);
+    }
+    // pending → ждём следующий tick (interval сам зовёт)
+  };
+  // Первый poll — через 2s (даём провайдеру время принять задачу).
+  setTimeout(tick, 2000);
+  const intervalId = setInterval(tick, POLL_INTERVAL_MS);
+  pollers.set(jobId, { intervalId, taskId, kind, projectKey, lastPollAt: 0 });
+}
+function _stopPoller(jobId) {
+  const entry = pollers.get(jobId);
+  if (!entry) return;
+  clearInterval(entry.intervalId);
+  pollers.delete(jobId);
+}
+
 function listForProject(projectKey) {
   const m = jobsByProject.get(projectKey);
   if (!m) return [];
@@ -54,4 +132,4 @@ function listAll() {
   return out;
 }
 
-module.exports = { start, end, listForProject, listAll };
+module.exports = { start, end, listForProject, listAll, setSettingsGetter };

package/package.json

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

package/renderer/board.js

@@ -101,14 +101,17 @@ window.addEventListener('DOMContentLoaded', async () => {
   setInterval(() => { refreshBalance().catch(() => {}); }, 60_000);
 
   // Тихий autoload: первый recent с granted-permission (если есть).
-  // НО — если юзер только что вышел из проекта (closeProject поставил
-  // флаг welcomeOnNextStart), пропускаем autoload и показываем welcome.
-  // Это нужно чтобы Cmd+R после явного выхода не реоткрывал проект.
-  // (При обычном перезапуске после crash'а флага нет → автоload работает.)
-  const skipAutoload = localStorage.getItem('welcomeOnNextStart') === '1';
+  // skipAutoload работает по двум флагам:
+  //  - welcomeOnNextStart (одноразовый, ставится в closeProject)
+  //  - lastLocation === 'welcome' (постоянный, ставится при показе welcome)
+  // Без второго: после Cmd+R на welcome flag сбрасывался, и второй Cmd+R
+  // открывал последний проект. Теперь lastLocation сохраняется пока юзер
+  // не открыл проект.
+  const skipAutoload = localStorage.getItem('welcomeOnNextStart') === '1'
+                    || localStorage.getItem('lastLocation') === 'welcome';
   if (skipAutoload) {
     localStorage.removeItem('welcomeOnNextStart');
-    vlog('info', 'restore: skipped (user explicitly closed last project)');
+    vlog('info', 'restore: skipped (welcome state persisted)');
   } else {
     try {
       const recents = await getRecents();
@@ -458,8 +461,21 @@ async function renderWelcomeRecents() {
   if (!grid || !wrap) return;
   grid.innerHTML = '';
   wrap.style.display = '';
+  // Запоминаем что юзер на welcome — Cmd+R должен оставить здесь.
+  try { localStorage.setItem('lastLocation', 'welcome'); } catch {}
   // Identity-pill в правом верхнем — обновляем при каждом показе welcome.
   renderWelcomeIdentity().catch(() => {});
+  // Server-side bg-jobs cache: обновим в фоне (если изменится — снова
+  // re-render через bgjobs:changed event). Без infinite loop: проверяем
+  // что состояние реально поменялось.
+  (async () => {
+    const before = JSON.stringify(_bgServerCache);
+    await refreshBgServerCache();
+    const after = JSON.stringify(_bgServerCache);
+    if (before !== after && !state.filmHandle) {
+      window.dispatchEvent(new CustomEvent('bgjobs:changed'));
+    }
+  })().catch(() => {});
   const list = await getRecents();
 
   // Первой картой — «Открыть проект». Кликается → дёргает скрытый
@@ -603,10 +619,110 @@ function _ru_jobs(n) {
   if (n10 >= 2 && n10 <= 4) return 'генерации';
   return 'генераций';
 }
+// Server-side cache всех bg-jobs. Source of truth — server jobsHub
+// (через GET /api/jobs или WS push). localStorage остаётся только как
+// fallback и для оптимистичных обновлений на самом клиенте.
+let _bgServerCache = {};   // projectKey → [{jobId, kind, name, startedAt}]
+async function refreshBgServerCache() {
+  try {
+    const r = await fetch('/api/jobs');
+    if (!r.ok) return;
+    const d = await r.json();
+    _bgServerCache = d?.all || {};
+  } catch {}
+}
+
+// === WS subscription для активного проекта: server-side polling ===
+// Сервер сам опрашивает провайдера (см. lib/jobsHub.js _startPoller).
+// На completion пушит 'done' event с url+cost. Renderer скачивает и
+// записывает файл — это и есть "пробуждение" даже после Cmd+R.
+let _projectJobsWS = null;
+function _subscribeProjectJobsWS() {
+  const pk = state.cloudProjectId ? 'cloud:' + state.cloudProjectId
+           : state.filmHandle?.name ? 'folder:' + state.filmHandle.name : null;
+  if (!pk) return;
+  // Reuse тот же WS что использует welcome для jobs:all — но теперь
+  // подписка ещё и на jobs:<pk>.
+  if (!_projectJobsWS || _projectJobsWS.readyState !== WebSocket.OPEN) {
+    try {
+      const proto = location.protocol === 'https:' ? 'wss' : 'ws';
+      _projectJobsWS = new WebSocket(`${proto}://${location.host}/ws`);
+    } catch { return; }
+    _projectJobsWS.onopen = () => {
+      try { _projectJobsWS.send(JSON.stringify({ type: 'subscribe', channel: 'jobs:' + pk })); } catch {}
+    };
+    _projectJobsWS.onmessage = (e) => {
+      let m; try { m = JSON.parse(e.data); } catch { return; }
+      if (m?.type === 'event') _handleProjectJobsEvent(m.event);
+    };
+    _projectJobsWS.onclose = () => { _projectJobsWS = null; setTimeout(_subscribeProjectJobsWS, 5000); };
+    _projectJobsWS.onerror = () => {};
+  } else {
+    try { _projectJobsWS.send(JSON.stringify({ type: 'subscribe', channel: 'jobs:' + pk })); } catch {}
+  }
+}
+
+// Обработчик WS-event'ов от server-side jobsHub. На 'done' — скачиваем
+// результат через /api/proxy и пишем файл (это работает только если
+// FSAH-handle ещё валиден — т.е. project открыт).
+async function _handleProjectJobsEvent(evt) {
+  if (!evt) return;
+  if (evt.kind === 'done') {
+    if (state.jobs.has(evt.jobId)) {
+      // Local pollJob уже видит этот же taskId и сам обработает completion.
+      // Server-side push — это backup. Не дублируем работу.
+      return;
+    }
+    // Local job не активен — значит pollJob не запущен (после Cmd+R).
+    // Скачиваем + пишем + помечаем done. Сначала найдём ноду.
+    if (!state.currentBoard) { vlog('info', `WS done arrived but no currentBoard, jobId=${evt.jobId}`); return; }
+    const node = state.currentBoard.metadata.nodes.find(n => n.id === evt.jobId);
+    if (!node) { vlog('info', `WS done: nodeId not found in current board ${evt.jobId}`); return; }
+    try {
+      const r = await fetch('/api/proxy?url=' + encodeURIComponent(evt.url));
+      if (!r.ok) throw new Error(`download HTTP ${r.status}`);
+      const blob = await r.blob();
+      const ext = evt.kindOf === 'image' ? 'jpg' : 'mp4';
+      const sub = evt.kindOf === 'image' ? 'frames' : 'clips';
+      const dir = await getOrCreateBoardSubdir(state.currentBoard.handle, sub);
+      const baseName = await uniqueName(dir, `gen_${Date.now()}.${ext}`);
+      await writeFile(dir, baseName, blob);
+      const relPath = `${sub}/${baseName}`;
+      await mutateNode(state.currentBoard.key, state.currentBoard.handle, evt.jobId, n => {
+        n.status = undefined; n.error = undefined; n.file = relPath;
+        if (typeof evt.cost === 'number') {
+          n.generated = { ...(n.generated || {}), creditsCharged: evt.cost };
+        }
+      });
+      if (typeof showToast === 'function') {
+        showToast(`✓ ${evt.kindOf} «${node.name || node.id.slice(0,6)}» готов (server-side)`, 'ok');
+      }
+      if (typeof systemNotify === 'function' && document.hidden) {
+        systemNotify('KingKont', `${evt.kindOf} «${node.name || ''}» готов`).catch(() => {});
+      }
+      // Завершаем job на сервере (free up the slot).
+      const pk = state.cloudProjectId ? 'cloud:' + state.cloudProjectId
+               : state.filmHandle?.name ? 'folder:' + state.filmHandle.name : null;
+      if (pk) bgJobEnd(evt.jobId, pk);
+    } catch (e) {
+      console.warn('[ws-done] download/write failed:', e?.message);
+    }
+  } else if (evt.kind === 'failed') {
+    if (typeof showToast === 'function') {
+      showToast(`⚠ Генерация провалилась: ${evt.error?.slice?.(0,80) || 'unknown'}`, 'error');
+    }
+    const pk = state.cloudProjectId ? 'cloud:' + state.cloudProjectId
+             : state.filmHandle?.name ? 'folder:' + state.filmHandle.name : null;
+    if (pk) bgJobEnd(evt.jobId, pk);
+  }
+}
+
 // Live-update welcome когда bg-jobs меняются (start/end). Перерисовываем
 // только если открыт welcome (нет проекта), иначе UI не виден.
 window.addEventListener('bgjobs:changed', () => {
-  if (!state.filmHandle) renderWelcomeRecents().catch(() => {});
+  if (!state.filmHandle) {
+    refreshBgServerCache().then(() => renderWelcomeRecents().catch(() => {}));
+  }
 });
 
 // WebSocket подписка на jobs:all — server push'ит при изменениях ЛЮБЫХ
@@ -625,7 +741,11 @@ function _connectWelcomeJobsWS() {
   _welcomeWS.onmessage = (e) => {
     let m; try { m = JSON.parse(e.data); } catch { return; }
     if (m?.type === 'event' && m.channel === 'jobs:all') {
-      if (!state.filmHandle) renderWelcomeRecents().catch(() => {});
+      // Refresh cache from server first (m.event.list содержит свежий
+      // список для конкретного projectKey, но проще сделать GET /api/jobs).
+      refreshBgServerCache().then(() => {
+        if (!state.filmHandle) renderWelcomeRecents().catch(() => {});
+      });
     }
   };
   _welcomeWS.onclose = () => { _welcomeWS = null; setTimeout(_connectWelcomeJobsWS, 5000); };
@@ -647,9 +767,8 @@ 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];
+  // Бейдж «N в фоне» — server-side jobsHub source-of-truth (см. _bgServerCache).
+  const bgList = _bgServerCache['folder:' + r.name];
   if (bgList?.length) thumb.appendChild(_makeBgBadge(bgList.length));
   const meta = document.createElement('div');
   meta.className = 'welcome-card-meta';
@@ -804,8 +923,8 @@ function makeCloudWelcomeCard(p) {
   cloudBadge.textContent = '☁';
   cloudBadge.title = 'Облачный проект';
   thumb.appendChild(cloudBadge);
-  // Бейдж «N в фоне» если в этом проекте крутятся генерации.
-  const bgList = (typeof bgJobsAll === 'function' ? bgJobsAll() : {})['cloud:' + p.id];
+  // Бейдж «N в фоне» — server-side jobsHub source-of-truth.
+  const bgList = _bgServerCache['cloud:' + p.id];
   if (bgList?.length) thumb.appendChild(_makeBgBadge(bgList.length));
 
   const meta = document.createElement('div');
@@ -1060,6 +1179,8 @@ async function openFilm(handle) {
   state.filmHandle = handle;
   state.currentBoard = null;
   document.body.classList.remove('no-project');
+  // Запоминаем что юзер сейчас в проекте → Cmd+R откроет его снова.
+  try { localStorage.setItem('lastLocation', 'project'); } catch {}
   window.appProject?.notifyState(true);
   ensureClaudeMd(handle).catch(() => {});
   // Подзаголовок шапки = имя открытого проекта (вместо «Видео-редактор»).
@@ -1106,6 +1227,10 @@ async function openFilm(handle) {
 
   // Сканируем все доски на незавершённые задачи генерации (после перезагрузки)
   scanAllBoardsForPendingJobs(handle).catch(e => console.warn('scan failed', e));
+  // Subscribe на server-side WS events для этого проекта — сервер сам
+  // полит провайдера и пушит 'done'/'failed' даже если у нас нет local
+  // pollJob (например после Cmd+R). См. _handleProjectJobsEvent.
+  _subscribeProjectJobsWS();
   // Подгружаем настройки всех локаций
   loadAllLocationsInfo().catch(() => {});
   // Подгружаем настройки всех персонажей (для add-menu и т.д.)
@@ -1133,7 +1258,10 @@ async function openFilm(handle) {
 async function closeProject() {
   // Помечаем что юзер вышел явно — на следующем старте autoload пропускается.
   // Cmd+R после close = welcome, а не реоткрытие.
-  try { localStorage.setItem('welcomeOnNextStart', '1'); } catch {}
+  try {
+    localStorage.setItem('welcomeOnNextStart', '1');
+    localStorage.setItem('lastLocation', 'welcome');
+  } catch {}
   // Чат привязан к одному проекту — flush pending-persist В ТЕКУЩИЙ
   // filmHandle, потом сбрасываем in-memory. Без flush'а debounced-write
   // мог бы попасть в новый проект (race на 600ms окно).

package/renderer/generate.js

@@ -1725,11 +1725,15 @@ async function runTTSJob(node, text, boardHandle, bKey, voiceId) {
 }
 
 async function startGenerationJob(node, kind, prompt, mediaRefs, boardHandle, bKey, modelKey) {
-  const job = { boardKey: bKey, boardHandle, kind, taskId: null, nodeId: node.id };
+  // КЛЮЧЕВОЕ: captures projectKey НА МОМЕНТ старта — иначе если юзер
+  // позже закроет проект, на completion мы не знаем чьё это «end».
+  const projectKey = (state.cloudProjectId ? 'cloud:' + state.cloudProjectId
+                     : state.filmHandle?.name ? 'folder:' + state.filmHandle.name : null);
+  const job = { boardKey: bKey, boardHandle, kind, taskId: null, nodeId: node.id, projectKey };
   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 });
+  if (typeof bgJobStart === 'function') bgJobStart({ nodeId: node.id, kind, name: node.name, projectKey });
   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 => ({
@@ -1847,6 +1851,10 @@ async function startGenerationJob(node, kind, prompt, mediaRefs, boardHandle, bK
     }
     job.taskId = data.taskId;
     logJob(node.id, `taskId=${data.taskId}`);
+    // Сообщаем server-side poller'у taskId — теперь сервер тоже опрашивает
+    // провайдера. Если renderer закроется/Cmd+R — server продолжит и
+    // пушнёт WS-event на completion.
+    if (typeof bgJobUpdateTaskId === 'function') bgJobUpdateTaskId(node.id, data.taskId, job.projectKey);
     await mutateNode(bKey, boardHandle, node.id, n => {
       n.generated = { ...(n.generated || {}), taskId: data.taskId, state: 'queued' };
     });
@@ -1856,9 +1864,10 @@ async function startGenerationJob(node, kind, prompt, mediaRefs, boardHandle, bK
     await mutateNode(bKey, boardHandle, node.id, n => {
       n.status = 'error'; n.error = e.message;
     });
+    const projectKeyOnError = state.jobs.get(node.id)?.projectKey;
     state.jobs.delete(node.id);
     updateJobsBadge();
-    if (typeof bgJobEnd === 'function') bgJobEnd(node.id);
+    if (typeof bgJobEnd === 'function') bgJobEnd(node.id, projectKeyOnError);
     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(() => {});
@@ -1986,10 +1995,12 @@ async function pollJob(job, nodeId, bKey, boardHandle, kind) {
           n.generated = { ...(n.generated || {}), creditsCharged: cost };
         }
       });
+      const projectKeyAtCompletion = state.jobs.get(nodeId)?.projectKey;
       state.jobs.delete(nodeId);
       updateJobsBadge();
-      // bgJob убираем (welcome перечитает счётчики через event).
-      if (typeof bgJobEnd === 'function') bgJobEnd(nodeId);
+      // bgJob убираем — projectKey берём из job (captured at start), а не
+      // _projectKeyForCurrent (юзер мог переключить проект, тогда было бы null).
+      if (typeof bgJobEnd === 'function') bgJobEnd(nodeId, projectKeyAtCompletion);
       if (typeof window.refreshBalance === 'function') window.refreshBalance();
       // Toast — ВСЕГДА (юзер хочет видеть когда что-то сделалось).
       // Стиль 'ok' для current-board, 'info' для другой доски.

package/renderer/state.js

@@ -82,25 +82,48 @@ function _projectKeyForCurrent() {
   return null;
 }
 function bgJobStart(info) {
-  // info: {nodeId, kind, name?, projectKey?}
+  // info: {nodeId, kind, name?, projectKey?, taskId?}
+  // taskId важен — server-side poller использует его чтобы опрашивать
+  // провайдера сам (Chatium/KIE) даже когда renderer закрыт.
   const pk = info.projectKey || _projectKeyForCurrent();
-  if (!pk) return;
+  if (!pk) { console.warn('bgJobStart: no projectKey, skipping'); 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'));
+    if (!list.some(j => j.nodeId === info.nodeId)) {
+      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 {}
-  // Также шлём на сервер — чтобы welcome (любой клиент) видел через WS push.
   fetch('/api/jobs/track', {
     method: 'POST', headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ action: 'start', projectKey: pk, jobId: info.nodeId, kind: info.kind, name: info.name }),
+    body: JSON.stringify({
+      action: 'start',
+      projectKey: pk,
+      jobId: info.nodeId,
+      kind: info.kind,
+      name: info.name,
+      taskId: info.taskId || null,        // ← server-side poller цепляется по taskId
+    }),
   }).catch(() => {});
 }
+// Update taskId for an existing job (server didn't have it on initial track).
+function bgJobUpdateTaskId(nodeId, taskId, projectKey) {
+  const pk = projectKey || _projectKeyForCurrent();
+  if (!pk || !taskId) return;
+  fetch('/api/jobs/track', {
+    method: 'POST', headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ action: 'start', projectKey: pk, jobId: nodeId, taskId }),
+  }).catch(() => {});
+}
+window.bgJobUpdateTaskId = bgJobUpdateTaskId;
 function bgJobEnd(nodeId, projectKey) {
+  // projectKey ОБЯЗАТЕЛЕН — без него юзер на welcome теряет уведомление
+  // и счётчик зависает. Раньше фоллбэк на _projectKeyForCurrent давал
+  // null (welcome) → no-op. Теперь шлём end даже если localStorage не
+  // знает проект (важно для server jobsHub).
   const pk = projectKey || _projectKeyForCurrent();
-  if (!pk) return null;
+  if (!pk) { console.warn('bgJobEnd: no projectKey for', nodeId); return null; }
   let job = null;
   try {
     const list = JSON.parse(localStorage.getItem(bgJobsKey(pk)) || '[]');
@@ -133,8 +156,16 @@ window.bgJobEnd = bgJobEnd;
 window.bgJobsAll = bgJobsAll;
 
 // === SYSTEM NOTIFICATION (HTML5 Notification API) ===
-// Просим разрешение лениво — на первом успешном вызове.
+// Просим разрешение eagerly при старте приложения чтобы первое уведомление
+// уже работало (без race с первой генерацией).
 let _notifPermAsked = false;
+if (typeof Notification !== 'undefined' && Notification.permission === 'default') {
+  // Откладываем чуть-чуть — иначе диалог появляется до того как юзер увидел UI.
+  setTimeout(() => {
+    _notifPermAsked = true;
+    Notification.requestPermission().catch(() => {});
+  }, 2000);
+}
 async function systemNotify(title, body, opts = {}) {
   if (typeof Notification === 'undefined') return null;
   let perm = Notification.permission;
@@ -142,7 +173,11 @@ async function systemNotify(title, body, opts = {}) {
     _notifPermAsked = true;
     try { perm = await Notification.requestPermission(); } catch {}
   }
-  if (perm !== 'granted') return null;
+  if (perm !== 'granted') {
+    // Не вышло — fallback на toast (юзер хоть так увидит).
+    if (typeof showToast === 'function') showToast('🔔 ' + title + (body ? ': ' + body : ''), 'info');
+    return null;
+  }
   try {
     const n = new Notification(title, {
       body: body || '',
@@ -160,26 +195,30 @@ async function systemNotify(title, body, opts = {}) {
 window.systemNotify = systemNotify;
 
 // Глобальный toast для информативных уведомлений (генерация завершилась,
-// resume сработал, ...). Стек справа сверху, auto-dismiss через 5s.
+// resume сработал, ...). Стек справа сверху. Auto-dismiss:
+//   - ok/info — 10s (юзер должен заметить успех)
+//   - error   — 30s (важно, не пропустить)
 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;';
+    host.style.cssText = 'position:fixed; right:16px; top:64px; z-index:9999; display:flex; flex-direction:column; gap:8px; pointer-events:none; max-width:340px;';
     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;',
+    ok:    'background:#1f4a1f; border:1px solid #4cc44c; color:#dcffdc;',
+    error: 'background:#4a1f1f; border:1px solid #c44c4c; color:#ffdcdc;',
+    info:  'background:#1f2f4a; border:1px solid #4c7cc4; color:#dceaff;',
   };
-  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.style.cssText = `${colors[kind] || colors.info} padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; pointer-events:auto; box-shadow:0 6px 20px rgba(0,0,0,0.5); cursor:pointer; line-height:1.4; word-break:break-word;`;
   t.textContent = text;
+  t.title = 'Кликни чтобы закрыть';
   t.addEventListener('click', () => t.remove());
   host.appendChild(t);
-  setTimeout(() => t.remove(), 5000);
+  const ttl = kind === 'error' ? 30000 : 10000;
+  setTimeout(() => t.remove(), ttl);
   return t;
 }
 window.showToast = showToast;

package/renderer/styles.css

@@ -497,9 +497,11 @@
      обложка заполняет всю карту (вертикальная картинка кроп'ится по верху/
      низу через object-fit:cover, не растягивает карту бесконечно вверх).
      Meta (название + дата) — absolute поверх обложки внизу с тёмным
-     градиентом, читается на ЛЮБОЙ обложке. */
+     градиентом, читается на ЛЮБОЙ обложке.
+     4:3 (а не 16:9) — карты выше, лучше выглядят на стандартных и
+     вертикальных обложках, занимают меньше горизонтального места. */
   .welcome-card {
-    aspect-ratio: 16 / 9;
+    aspect-ratio: 4 / 3;
     overflow: hidden;
   }
   .welcome-card-thumb {

package/server.js

@@ -355,9 +355,9 @@ async function handleChatClear(req, res) {
 async function handleJobsTrack(req, res) {
   try {
     const body = await readJson(req);
-    const { action, projectKey, jobId, kind, name, type } = body || {};
+    const { action, projectKey, jobId, kind, name, type, taskId } = body || {};
     if (!projectKey || !jobId) return send(res, 400, { error: 'projectKey + jobId обязательны' });
-    if (action === 'start') jobsHub.start({ projectKey, jobId, kind, name, type });
+    if (action === 'start') jobsHub.start({ projectKey, jobId, kind, name, type, taskId });
     else if (action === 'end') jobsHub.end({ projectKey, jobId });
     else return send(res, 400, { error: 'action: start|end' });
     send(res, 200, { ok: true });
@@ -455,6 +455,9 @@ function start(port = PORT, opts = {}) {
   // Init chatSession с userDataDir для персистентности историй.
   // Без opts.userDataDir чат живёт только in-memory (CLI-режим).
   chatSession.init({ userDataDir: opts.userDataDir || null });
+  // jobsHub нужен settingsGetter чтобы поллить провайдеров (Chatium token,
+  // KIE_API_KEY и т.п.).
+  jobsHub.setSettingsGetter(getSettings);
   return new Promise((resolveOk, reject) => {
     server.once('error', reject);
     server.listen(port, () => {