kingkont 0.17.2 → 0.17.3

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

@@ -36,16 +36,25 @@ 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,
-    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,
+    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,19 +71,27 @@ 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

package/package.json

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

package/renderer/generate.js

@@ -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,156 @@
+// 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;
+    // Кнопка-колокольчик в верхнем тулбаре справа.
+    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.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);
+
+    // Панель.
+    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.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')}`;
+      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;">
+          <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>
+        </div>`;
+      row.querySelector('div > div').textContent = e.text;
+      list.appendChild(row);
+    }
+  }
+
+  // Public API.
+  function addEvent({ kind, text, raw }) {
+    if (!text) return;
+    events.push({ ts: Date.now(), kind: kind || 'info', text: String(text).slice(0, 300), raw });
+    if (events.length > MAX_EVENTS) events.shift();
+    if (!panelOpen) {
+      unread++;
+      updateBadge();
+    } else {
+      render();
+    }
+  }
+  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') {
+          if (e.kind === 'done') {
+            addEvent({ kind: 'ok', text: `✓ ${e.kindOf || 'gen'} готов в ${e.projectKey || ''} (jobId=${(e.jobId||'').slice(0,8)})` });
+          } 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 только если что-то стало активно или закончилось.
+          }
+        }
+      };
+      ws.onclose = () => setTimeout(_connect, 5000);
+      ws.onerror = () => {};
+    }
+    _connect();
+  });
+})();

package/renderer/state.js

@@ -108,12 +108,13 @@ function bgJobStart(info) {
   }).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;