kingkont 0.17.2 → 0.17.4

package/index.html

@@ -612,6 +612,8 @@
 <script src="renderer/cloudProjects.js"></script>
 <!-- chat.js — Claude-чат для управления сценой через tools (Cmd+J). -->
 <script src="renderer/chat.js"></script>
+<!-- notifyPanel.js — окно событий (генерации, чат-ответы, ошибки). 🔔 в углу. -->
+<script src="renderer/notifyPanel.js"></script>
 
 </body>
 </html>

package/lib/jobsHub.js

@@ -32,20 +32,30 @@ 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); }
-  m.set(jobId, {
-    kind: kind || null, name: name || null, type: type || null,
-    taskId: taskId || null, startedAt: Date.now(),
-  });
+  // MERGE с существующей записью — иначе второй call (например
+  // bgJobUpdateTaskId) затёр бы kind/name nullами. Это и был bug:
+  // после получения taskId server-side poller не стартовал потому что
+  // kind становился null.
+  const existing = m.get(jobId) || {};
+  const merged = {
+    kind: kind ?? existing.kind ?? null,
+    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);
+  console.log('[jobsHub] start/update', { projectKey, jobId, ...merged });
   _emit(projectKey);
-  // Если есть taskId + kind — стартуем серверный poller. Renderer тоже
-  // полит параллельно (старый flow), но если он закрыт — серверный
-  // продолжает и шлёт WS-event на completion.
-  if (taskId && (kind === 'image' || kind === 'video')) {
-    _startPoller({ projectKey, jobId, taskId, kind });
+  // Если есть И taskId, И kind — стартуем серверный poller. Renderer тоже
+  // полит параллельно. Если renderer закрыт — серверный продолжает.
+  if (merged.taskId && (merged.kind === 'image' || merged.kind === 'video')) {
+    _startPoller({ projectKey, jobId, taskId: merged.taskId, kind: merged.kind });
   }
 }
 
@@ -62,30 +72,37 @@ function end({ projectKey, jobId }) {
 }
 
 function _startPoller({ projectKey, jobId, taskId, kind }) {
-  if (pollers.has(jobId)) return;
+  if (pollers.has(jobId)) {
+    console.log('[jobsHub] poller already running for', jobId);
+    return;
+  }
+  console.log('[jobsHub] _startPoller', { projectKey, jobId, taskId, kind });
   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()); }
+    try {
+      r = await providers.pollGeneration(taskId, _settingsGetter());
+      console.log('[jobsHub] poll', jobId, '→', r.status, r.state || '');
+    }
     catch (e) {
       console.warn('[jobsHub] poll failed for', jobId, e?.message);
       return;          // следующий tick попробует снова
     }
     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(() => {
@@ -93,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.2",
+  "version": "0.17.4",
   "description": "KingKont · Chatium — нод-редактор сцен с AI-генерацией (картинки/видео/голос/SFX/музыка/текст)",
   "main": "main.js",
   "bin": {

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 => ({
@@ -1853,8 +1853,9 @@ async function startGenerationJob(node, kind, prompt, mediaRefs, boardHandle, bK
     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);
+    // пушнёт WS-event на completion. ВАЖНО передать kind — без него
+    // server-merge не запустит poller (kind остался бы null после второго call).
+    if (typeof bgJobUpdateTaskId === 'function') bgJobUpdateTaskId(node.id, data.taskId, job.projectKey, kind);
     await mutateNode(bKey, boardHandle, node.id, n => {
       n.generated = { ...(n.generated || {}), taskId: data.taskId, state: 'queued' };
     });

package/renderer/notifyPanel.js

@@ -0,0 +1,240 @@
+// renderer/notifyPanel.js — Окно уведомлений (event log).
+//
+// Отдельная панель для всех bg-event'ов: запуск/завершение генераций,
+// чат-ответы, ошибки. Раскрывается кликом на 🔔 в шапке. История
+// держится in-memory (~100 последних) — не персистится.
+//
+// Источники событий (всё через addEvent):
+//   - showToast (в state.js) — оборачиваем чтобы дублировать в панель
+//   - WS jobs:all kind:done — server-side gen completion
+//   - WS chat:<key> kind:final — chat final response
+//   - bgjobs:changed — start/end jobs
+//
+// Бейдж на 🔔 — счётчик новых событий (увиденных = открытие панели).
+
+(function () {
+  function $(id) { return document.getElementById(id); }
+  const events = [];                     // [{ts, kind, text, projectKey?, raw?}]
+  const MAX_EVENTS = 100;
+  let unread = 0;
+  let panelOpen = false;
+
+  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; 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);
+    // Бейдж со счётчиком unread.
+    const badge = document.createElement('span');
+    badge.id = 'notifyBadge';
+    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; 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>
+        <span style="flex:1;"></span>
+        <button id="notifyClear" title="Очистить" style="background:transparent; border:1px solid #333; color:#aaa; padding:2px 8px; border-radius:4px; cursor:pointer; font-size:11px;">⌫</button>
+        <button id="notifyClose" title="Закрыть" style="background:transparent; border:1px solid #333; color:#aaa; padding:2px 8px; border-radius:4px; cursor:pointer; font-size:11px;">×</button>
+      </div>
+      <div id="notifyList" style="flex:1; overflow-y:auto; padding:6px;"></div>
+    `;
+    document.body.appendChild(panel);
+    $('notifyClose').addEventListener('click', () => setOpen(false));
+    $('notifyClear').addEventListener('click', () => { events.length = 0; unread = 0; render(); });
+  }
+
+  function setOpen(open) {
+    _ensureUI();
+    panelOpen = open;
+    $('notifyPanel').style.display = open ? 'flex' : 'none';
+    if (open) { unread = 0; updateBadge(); render(); }
+  }
+  function toggle() { setOpen(!panelOpen); }
+
+  function updateBadge() {
+    const b = $('notifyBadge');
+    if (!b) return;
+    if (unread > 0) {
+      b.textContent = unread > 99 ? '99+' : String(unread);
+      b.style.display = '';
+    } else b.style.display = 'none';
+  }
+
+  function render() {
+    const list = $('notifyList');
+    if (!list) return;
+    list.innerHTML = '';
+    if (!events.length) {
+      list.innerHTML = '<div style="padding:24px; text-align:center; color:#555; font-size:12px;">Нет событий</div>';
+      return;
+    }
+    for (let i = events.length - 1; i >= 0; i--) {
+      const e = events[i];
+      const row = document.createElement('div');
+      const colors = {
+        ok: '#3a6a3a', error: '#8a3a3a', info: '#3a5a8a', warn: '#8a7a3a', chat: '#7a4a8a',
+      };
+      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')}`;
+      const clickable = !!e.target;
+      row.style.cssText = `padding: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;">
+          <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}${targetHint}</span>
+        </div>`;
+      row.querySelector('div > div').textContent = e.text;
+      if (clickable) {
+        row.addEventListener('mouseenter', () => row.style.background = `${c}44`);
+        row.addEventListener('mouseleave', () => row.style.background = `${c}22`);
+        row.addEventListener('click', () => navigateToTarget(e.target));
+      }
+      list.appendChild(row);
+    }
+  }
+
+  // Public API.
+  function addEvent({ kind, text, raw, target }) {
+    if (!text) return;
+    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++;
+      updateBadge();
+    } else {
+      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.
+  document.addEventListener('DOMContentLoaded', () => {
+    _ensureUI();
+    // Wrap showToast чтобы дублировать в панель.
+    if (typeof window.showToast === 'function') {
+      const orig = window.showToast;
+      window.showToast = function (text, kind) {
+        try { addEvent({ kind: kind || 'info', text }); } catch {}
+        return orig.apply(this, arguments);
+      };
+    }
+    // WS-канал jobs:all для start/end/done/failed events. Connect к /ws.
+    function _connect() {
+      let ws;
+      try {
+        const proto = location.protocol === 'https:' ? 'wss' : 'ws';
+        ws = new WebSocket(`${proto}://${location.host}/ws`);
+      } catch { setTimeout(_connect, 5000); return; }
+      ws.onopen = () => {
+        try { ws.send(JSON.stringify({ type: 'subscribe', channel: 'jobs:all' })); } catch {}
+      };
+      ws.onmessage = (ev) => {
+        let m; try { m = JSON.parse(ev.data); } catch { return; }
+        if (m?.type !== 'event') return;
+        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') {
+            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.nodeName ? '«'+e.nodeName+'»' : ''} провалился: ${(e.error || '').slice(0, 100)}`,
+              target,
+            });
+          }
+        }
+      };
+      ws.onclose = () => setTimeout(_connect, 5000);
+      ws.onerror = () => {};
+    }
+    _connect();
+  });
+})();

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,17 +104,19 @@ 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(() => {});
 }
 // Update taskId for an existing job (server didn't have it on initial track).
-function bgJobUpdateTaskId(nodeId, taskId, projectKey) {
+// kind важен — без него server-side merge оставит null и poller не стартует.
+function bgJobUpdateTaskId(nodeId, taskId, projectKey, kind) {
   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 }),
+    body: JSON.stringify({ action: 'start', projectKey: pk, jobId: nodeId, taskId, kind }),
   }).catch(() => {});
 }
 window.bgJobUpdateTaskId = bgJobUpdateTaskId;