kingkont 0.17.3 → 0.17.5

package/lib/jobsHub.js

@@ -32,7 +32,7 @@ function _emit(projectKey, extra) {
   wsHub.publish('jobs:all', { ...evt, projectKey });
 }
 
-function start({ projectKey, jobId, kind, name, type, taskId }) {
+function start({ projectKey, jobId, kind, name, type, taskId, boardKey }) {
   if (!projectKey || !jobId) return;
   let m = jobsByProject.get(projectKey);
   if (!m) { m = new Map(); jobsByProject.set(projectKey, m); }
@@ -46,6 +46,7 @@ function start({ projectKey, jobId, kind, name, type, taskId }) {
     name: name ?? existing.name ?? null,
     type: type ?? existing.type ?? null,
     taskId: taskId ?? existing.taskId ?? null,
+    boardKey: boardKey ?? existing.boardKey ?? null,
     startedAt: existing.startedAt || Date.now(),
   };
   m.set(jobId, merged);
@@ -93,16 +94,15 @@ function _startPoller({ projectKey, jobId, taskId, kind }) {
     if (r.status === 'done') {
       console.log('[jobsHub] DONE', jobId, '→', r.url);
       _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,
-      });
+      // Извлекаем boardKey + name из jobsByProject для navigation.
+      const info = jobsByProject.get(projectKey)?.get(jobId) || {};
+      const evt = {
+        kind: 'done', jobId, taskId, url: r.url, cost: r.cost ?? null,
+        kindOf: kind, provider: r.provider,
+        boardKey: info.boardKey || null, nodeName: info.name || null,
+      };
+      wsHub.publish('jobs:' + projectKey, evt);
+      wsHub.publish('jobs:all', { ...evt, projectKey });
       // Job-end ОТЛОЖЕН — ждём ack от клиента (он скачает файл).
       // Но если за 60s никто не пришёл — auto-end (чтобы счётчики не зависали).
       setTimeout(() => {
@@ -110,12 +110,13 @@ function _startPoller({ projectKey, jobId, taskId, kind }) {
       }, 60000);
     } else if (r.status === 'error') {
       _stopPoller(jobId);
-      wsHub.publish('jobs:' + projectKey, {
+      const info = jobsByProject.get(projectKey)?.get(jobId) || {};
+      const evt = {
         kind: 'failed', jobId, taskId, error: r.error, kindOf: kind,
-      });
-      wsHub.publish('jobs:all', {
-        kind: 'failed', projectKey, jobId, taskId, error: r.error, kindOf: kind,
-      });
+        boardKey: info.boardKey || null, nodeName: info.name || null,
+      };
+      wsHub.publish('jobs:' + projectKey, evt);
+      wsHub.publish('jobs:all', { ...evt, projectKey });
       // На ошибке тоже auto-end через 60s.
       setTimeout(() => {
         if (!pollers.has(jobId)) end({ projectKey, jobId });

package/package.json

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

package/renderer/board.js

@@ -454,7 +454,22 @@ function fmtRelativeTime(ts) {
   return new Date(ts).toLocaleDateString();
 }
 
+// Дедуп: на Cmd+R / WS-event burst несколько вызовов могли race'иться
+// (clear grid → await getRecents → append → второй call в это же время →
+// дубли карточек / наезжают). Если уже рендерим — отметим что нужен
+// follow-up render и выйдем; запустим его после текущего.
+let _wrInFlight = false;
+let _wrPending = false;
 async function renderWelcomeRecents() {
+  if (_wrInFlight) { _wrPending = true; return; }
+  _wrInFlight = true;
+  try { await _renderWelcomeRecentsInner(); }
+  finally {
+    _wrInFlight = false;
+    if (_wrPending) { _wrPending = false; renderWelcomeRecents().catch(() => {}); }
+  }
+}
+async function _renderWelcomeRecentsInner() {
   const grid = $('welcomeRecentGrid');
   const wrap = $('welcomeRecent');
   const titleEl = $('welcomeRecentTitle');

package/renderer/generate.js

@@ -1733,7 +1733,7 @@ async function startGenerationJob(node, kind, prompt, mediaRefs, boardHandle, bK
   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, projectKey });
+  if (typeof bgJobStart === 'function') bgJobStart({ nodeId: node.id, kind, name: node.name, projectKey, boardKey: bKey });
   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 => ({

package/renderer/notifyPanel.js

@@ -21,11 +21,12 @@
 
   function _ensureUI() {
     if ($('notifyBtn')) return;
-    // Кнопка-колокольчик в верхнем тулбаре справа.
+    // Кнопка-колокольчик в нижнем-левом углу — там есть свободное место,
+    // не перекрывает sidebar/canvas-toolbar/welcome-status.
     const btn = document.createElement('button');
     btn.id = 'notifyBtn';
     btn.title = 'События (генерации, чат, ошибки)';
-    btn.style.cssText = 'position:fixed; top:12px; right:24px; z-index:9998; background:rgba(30,30,40,0.85); border:1px solid #444; color:#ccc; font-size:14px; width:32px; height:32px; border-radius:50%; cursor:pointer; backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center;';
+    btn.style.cssText = 'position:fixed; bottom:12px; left:12px; z-index:9998; background:rgba(30,30,40,0.85); border:1px solid #444; color:#ccc; font-size:14px; width:32px; height:32px; border-radius:50%; cursor:pointer; backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center;';
     btn.innerHTML = '🔔';
     document.body.appendChild(btn);
     btn.addEventListener('click', toggle);
@@ -35,10 +36,10 @@
     badge.style.cssText = 'position:absolute; top:-4px; right:-4px; background:#e33377; color:#fff; font-size:9px; min-width:14px; height:14px; line-height:14px; text-align:center; border-radius:8px; padding:0 4px; display:none; pointer-events:none;';
     btn.appendChild(badge);
 
-    // Панель.
+    // Панель — bottom-left как и кнопка.
     const panel = document.createElement('div');
     panel.id = 'notifyPanel';
-    panel.style.cssText = 'position:fixed; top:50px; right:16px; width:380px; max-height:75vh; background:#1a1a1a; border:1px solid #333; border-radius:8px; z-index:9999; display:none; flex-direction:column; box-shadow:0 8px 32px rgba(0,0,0,0.55); overflow:hidden;';
+    panel.style.cssText = 'position:fixed; bottom:50px; left:12px; width:380px; max-height:60vh; background:#1a1a1a; border:1px solid #333; border-radius:8px; z-index:9999; display:none; flex-direction:column; box-shadow:0 8px 32px rgba(0,0,0,0.55); overflow:hidden;';
     panel.innerHTML = `
       <div style="padding:10px 12px; border-bottom:1px solid #2a2a2a; display:flex; align-items:center; gap:8px;">
         <strong style="font-size:13px; color:#ddd;">События</strong>
@@ -87,20 +88,46 @@
       const c = colors[e.kind] || colors.info;
       const dt = new Date(e.ts);
       const time = `${String(dt.getHours()).padStart(2,'0')}:${String(dt.getMinutes()).padStart(2,'0')}:${String(dt.getSeconds()).padStart(2,'0')}`;
-      row.style.cssText = `padding:8px 10px; border-radius:4px; margin-bottom:4px; background:${c}22; border-left:3px solid ${c}; cursor:default;`;
-      row.innerHTML = `<div style="display:flex; justify-content:space-between; gap:8px; align-items:flex-start;">
+      const clickable = !!e.target;
+      row.style.cssText = `position:relative; padding:8px 10px 8px 10px; border-radius:4px; margin-bottom:4px; background:${c}22; border-left:3px solid ${c}; cursor:${clickable ? 'pointer' : 'default'}; transition:background 0.1s;`;
+      if (clickable) row.title = 'Перейти к объекту';
+      const targetHint = clickable ? `<span style="color:#9ab; font-size:10px; margin-left:6px;">↗</span>` : '';
+      row.innerHTML = `<div style="display:flex; justify-content:space-between; gap:8px; align-items:flex-start; padding-right:18px;">
           <div style="color:#e0e0e0; font-size:12px; line-height:1.4; word-break:break-word; flex:1;"></div>
-          <span style="color:#777; font-size:10px; font-family:ui-monospace,monospace; flex-shrink:0;">${time}</span>
+          <span style="color:#777; font-size:10px; font-family:ui-monospace,monospace; flex-shrink:0;">${time}${targetHint}</span>
         </div>`;
       row.querySelector('div > div').textContent = e.text;
+      // Кнопка × для удаления конкретного event'a (не блокирует клик по row).
+      const delBtn = document.createElement('button');
+      delBtn.textContent = '×';
+      delBtn.title = 'Удалить';
+      delBtn.style.cssText = 'position:absolute; top:2px; right:4px; background:transparent; border:none; color:#888; cursor:pointer; font-size:14px; line-height:1; padding:2px 6px; opacity:0.5; transition:opacity 0.1s;';
+      delBtn.addEventListener('mouseenter', () => delBtn.style.opacity = '1');
+      delBtn.addEventListener('mouseleave', () => delBtn.style.opacity = '0.5');
+      delBtn.addEventListener('click', (ev) => {
+        ev.stopPropagation();
+        // Find by ts (events shifted by render, индекс i может измениться к click'у).
+        const idx = events.findIndex(x => x.ts === e.ts && x.text === e.text);
+        if (idx >= 0) events.splice(idx, 1);
+        render();
+      });
+      row.appendChild(delBtn);
+      if (clickable) {
+        row.addEventListener('mouseenter', () => row.style.background = `${c}44`);
+        row.addEventListener('mouseleave', () => row.style.background = `${c}22`);
+        row.addEventListener('click', (ev) => {
+          if (ev.target === delBtn) return;
+          navigateToTarget(e.target);
+        });
+      }
       list.appendChild(row);
     }
   }
 
   // Public API.
-  function addEvent({ kind, text, raw }) {
+  function addEvent({ kind, text, raw, target }) {
     if (!text) return;
-    events.push({ ts: Date.now(), kind: kind || 'info', text: String(text).slice(0, 300), raw });
+    events.push({ ts: Date.now(), kind: kind || 'info', text: String(text).slice(0, 300), raw, target: target || null });
     if (events.length > MAX_EVENTS) events.shift();
     if (!panelOpen) {
       unread++;
@@ -109,6 +136,71 @@
       render();
     }
   }
+
+  // Navigate from notification to scene/node.
+  // target: {projectKey, boardKey, nodeId?}
+  async function navigateToTarget(target) {
+    if (!target?.projectKey) return;
+    setOpen(false);
+    const [pkType, pkId] = String(target.projectKey).split(':', 2);
+    const currentKey = state.cloudProjectId ? 'cloud:' + state.cloudProjectId
+                     : state.filmHandle?.name ? 'folder:' + state.filmHandle.name : null;
+    // Если уже в нужном проекте — просто переключаем доску.
+    if (currentKey === target.projectKey) {
+      if (target.boardKey) await _selectBoardByKey(target.boardKey);
+      if (target.nodeId) _highlightNode(target.nodeId);
+      return;
+    }
+    // Иначе открываем проект.
+    if (pkType === 'cloud') {
+      if (window.cloudProjects?.open) await window.cloudProjects.open(pkId);
+      else { alert('Облачный проект недоступен'); return; }
+    } else if (pkType === 'folder') {
+      // Folder-проект: ищем в recents.
+      try {
+        const recents = await getRecents();
+        const r = recents.find(x => x.name === pkId);
+        if (r?.handle) {
+          let g = (await r.handle.queryPermission({ mode: 'readwrite' })) === 'granted';
+          if (!g) g = (await r.handle.requestPermission({ mode: 'readwrite' })) === 'granted';
+          if (g) await openFilm(r.handle);
+        } else {
+          alert(`Проект «${pkId}» не найден в недавних. Открой его вручную.`);
+          return;
+        }
+      } catch (e) { console.warn('navigate to folder failed:', e); return; }
+    }
+    // После openFilm/cloudProjects.open — выбираем доску.
+    if (target.boardKey) {
+      // openFilm вызывает selectBoard через lastBoard, может перебить. Wait чуть.
+      setTimeout(() => _selectBoardByKey(target.boardKey).then(() => {
+        if (target.nodeId) _highlightNode(target.nodeId);
+      }), 600);
+    }
+  }
+  async function _selectBoardByKey(boardKey) {
+    if (!state.filmHandle) return;
+    // boardKey формат: 'episode/Name' / 'character/Name' / 'location/Name'.
+    const [kind, ...nameParts] = String(boardKey).split('/');
+    const name = nameParts.join('/');
+    if (!kind || !name) return;
+    try {
+      const list = kind === 'character' ? await listCharacters(state.filmHandle)
+                : kind === 'location'  ? await listLocations(state.filmHandle)
+                : await listEpisodes(state.filmHandle);
+      const found = list.find(b => b.name === name);
+      if (found) await selectBoard({ kind, ...found });
+    } catch (e) { console.warn('select board failed:', e); }
+  }
+  function _highlightNode(nodeId) {
+    setTimeout(() => {
+      const el = document.querySelector(`.node[data-id="${nodeId}"]`);
+      if (!el) return;
+      el.scrollIntoView({ block: 'center', inline: 'center', behavior: 'smooth' });
+      el.style.boxShadow = '0 0 0 3px #e33377';
+      setTimeout(() => { el.style.boxShadow = ''; }, 2500);
+    }, 200);
+  }
   window.notifyPanel = { open: () => setOpen(true), close: () => setOpen(false), toggle, addEvent, render };
 
   // Init: ensure UI exists ASAP, hook into showToast и WS-events.
@@ -138,13 +230,23 @@
         const e = m.event || {};
         const ch = m.channel || '';
         if (ch === 'jobs:all') {
+          // target позволяет click'нуть и перейти к ноде на доске.
+          const target = (e.projectKey && e.boardKey) ? {
+            projectKey: e.projectKey, boardKey: e.boardKey, nodeId: e.jobId,
+          } : null;
           if (e.kind === 'done') {
-            addEvent({ kind: 'ok', text: `✓ ${e.kindOf || 'gen'} готов в ${e.projectKey || ''} (jobId=${(e.jobId||'').slice(0,8)})` });
+            const nameLabel = e.nodeName ? `«${e.nodeName}»` : `(jobId=${(e.jobId||'').slice(0,8)})`;
+            addEvent({
+              kind: 'ok',
+              text: `✓ ${e.kindOf || 'gen'} ${nameLabel} готов в ${e.projectKey || ''}`,
+              target,
+            });
           } else if (e.kind === 'failed') {
-            addEvent({ kind: 'error', text: `⚠ ${e.kindOf || 'gen'} провалился: ${(e.error || '').slice(0, 100)}` });
-          } else if (e.kind === 'changed' && Array.isArray(e.list)) {
-            // Только при изменении (start/end) — добавим краткую инфу.
-            // Без шума — addEvent только если что-то стало активно или закончилось.
+            addEvent({
+              kind: 'error',
+              text: `⚠ ${e.kindOf || 'gen'} ${e.nodeName ? '«'+e.nodeName+'»' : ''} провалился: ${(e.error || '').slice(0, 100)}`,
+              target,
+            });
           }
         }
       };

package/renderer/state.js

@@ -82,15 +82,16 @@ function _projectKeyForCurrent() {
   return null;
 }
 function bgJobStart(info) {
-  // info: {nodeId, kind, name?, projectKey?, taskId?}
+  // info: {nodeId, kind, name?, projectKey?, taskId?, boardKey?}
   // taskId важен — server-side poller использует его чтобы опрашивать
   // провайдера сам (Chatium/KIE) даже когда renderer закрыт.
+  // boardKey — нужен для navigation из 🔔 уведомления (jump to scene).
   const pk = info.projectKey || _projectKeyForCurrent();
   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)) {
-      list.push({ nodeId: info.nodeId, kind: info.kind, name: info.name || null, startedAt: Date.now() });
+      list.push({ nodeId: info.nodeId, kind: info.kind, name: info.name || null, boardKey: info.boardKey || null, startedAt: Date.now() });
       localStorage.setItem(bgJobsKey(pk), JSON.stringify(list));
       window.dispatchEvent(new CustomEvent('bgjobs:changed'));
     }
@@ -103,6 +104,7 @@ function bgJobStart(info) {
       jobId: info.nodeId,
       kind: info.kind,
       name: info.name,
+      boardKey: info.boardKey || null,
       taskId: info.taskId || null,        // ← server-side poller цепляется по taskId
     }),
   }).catch(() => {});