kingkont 0.17.6 → 0.18.1

package/index.html

@@ -610,6 +610,8 @@
 <!-- cloudProjects.js — после templates.js, переиспользует TPL_PROGRESS,
      walkBoardFiles, collectProjectBoards, uploadProjectCoverIfAny из templates.js. -->
 <script src="renderer/cloudProjects.js"></script>
+<!-- autoNamer.js — LLM-based нейминг новых нод (общий util). -->
+<script src="renderer/autoNamer.js"></script>
 <!-- chat.js — Claude-чат для управления сценой через tools (Cmd+J). -->
 <script src="renderer/chat.js"></script>
 <!-- notifyPanel.js — окно событий (генерации, чат-ответы, ошибки). 🔔 в углу. -->

package/package.json

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

package/renderer/autoNamer.js

@@ -0,0 +1,64 @@
+// renderer/autoNamer.js — async LLM-based нейминг новых нод.
+//
+// Когда юзер генерит ноду (image/video/audio/text), вместо стандартного
+// `slugifyPrompt(prompt).slice(0, 30)` зовём LLM придумать имя в стиле
+// существующих нод проекта. Возвращает строку (1-3 слова на русском),
+// fallback на slugify если LLM недоступен.
+//
+// Дизайн:
+//   - Вызов через /api/text (server-side LLM proxy уже есть).
+//   - Не блокируем UI: вызов async, max ~2s.
+//   - Fallback: при ошибке/timeout возвращаем slugify-результат.
+//   - Дедуп: уникальность гарантируется в caller'е (uniqueNodeName).
+
+(function () {
+  // Quick fallback на slugifyPrompt-like логику.
+  function _slugFallback(prompt) {
+    if (!prompt) return 'Нода';
+    const s = String(prompt).trim().split(/[\s.,!?:;]+/).slice(0, 3).join(' ');
+    return s.slice(0, 50) || 'Нода';
+  }
+
+  async function autoNameNode({ prompt, type, existingNames }) {
+    if (!prompt || prompt.length < 3) return _slugFallback(prompt);
+    const typeLabel = type === 'image' ? 'image' : type === 'video' ? 'video'
+                    : type === 'audio' ? 'audio' : type === 'text' ? 'text' : 'node';
+    // Берём последние 30 — обычно стилистика однородная и за ~30 видна.
+    const sample = (existingNames || []).filter(Boolean).slice(-30);
+    const sys =
+      'Ты придумываешь короткое имя для node в нод-редакторе. ' +
+      'ПРАВИЛА: 1-3 слова, на русском, без кавычек, без пояснений. ' +
+      'Должно отражать СУТЬ промпта/контента. Не повторяй существующие имена. ' +
+      'Если в существующих есть стиль (например все имена — короткие глаголы или поэтичные эпитеты) — следуй ему.\n\n' +
+      `Существующие имена в проекте (${sample.length}): ${sample.length ? sample.map(n => `«${n}»`).join(', ') : '(нет)'}\n\n` +
+      `Тип ноды: ${typeLabel}\n` +
+      `Промпт/контент: ${String(prompt).slice(0, 600)}\n\n` +
+      'Ответь ОДНОЙ СТРОКОЙ — только имя, ничего больше.';
+
+    try {
+      const r = await fetch('/api/text', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          prompt: 'Придумай имя.',
+          system: sys,
+          // Используем самую быструю модель — имя короткое, надо моментально.
+          model: 'anthropic/claude-haiku-4.5',
+        }),
+      });
+      if (!r.ok) return _slugFallback(prompt);
+      const d = await r.json();
+      let name = (d?.text || '').trim();
+      // Убираем кавычки/lf/trailing-точки.
+      name = name.replace(/^["«]+|["»]+$/g, '').replace(/[\r\n].*/, '').trim();
+      // Защита от пустоты или огромных строк (LLM может выдать абзац).
+      if (!name || name.length > 60) return _slugFallback(prompt);
+      return name;
+    } catch (e) {
+      console.warn('[autoNamer] failed:', e?.message);
+      return _slugFallback(prompt);
+    }
+  }
+
+  window.autoNameNode = autoNameNode;
+})();

package/renderer/chat.js

@@ -179,6 +179,20 @@
         state.currentBoard.metadata.nodes.push(node);
         scheduleSave();
         if (typeof renderCanvas === 'function') await renderCanvas();
+        // Async auto-name если name не задан и есть prompt (LLM придумает
+        // имя в стиле существующих нод).
+        if (!node.name && prompt && typeof autoNameNode === 'function') {
+          const existing = state.currentBoard.metadata.nodes.map(n => n.name).filter(Boolean);
+          autoNameNode({ prompt, type, existingNames: existing }).then(autoName => {
+            if (!autoName) return;
+            const u = (typeof uniqueNodeName === 'function')
+              ? uniqueNodeName(state.currentBoard.metadata.nodes, autoName)
+              : autoName;
+            node.name = u;
+            scheduleSave();
+            if (typeof refreshNodeDOM === 'function') refreshNodeDOM(node);
+          }).catch(() => {});
+        }
         return { ok: true, id };
       },
     },
@@ -1297,6 +1311,24 @@
     } else if (statusEl && !statusEl.classList.contains('error')) {
       statusEl.remove();
     }
+    // Бейдж «думает» на кнопке #chatBtn — видно даже когда панель скрыта.
+    _updateChatBtnBadge(busy);
+  }
+
+  // Маленький pulse-индикатор на 💬 Чат кнопке когда server-side loop идёт.
+  // Юзер видит «работа в фоне» даже если панель закрыта или он на другой сцене.
+  function _updateChatBtnBadge(busy) {
+    const btn = document.getElementById('chatBtn');
+    if (!btn) return;
+    let dot = btn.querySelector('.chat-busy-dot');
+    if (busy) {
+      if (!dot) {
+        dot = document.createElement('span');
+        dot.className = 'chat-busy-dot';
+        dot.style.cssText = 'display:inline-block; width:7px; height:7px; border-radius:50%; background:#fc9; margin-left:6px; animation:bgBadgePulse 1.2s ease-in-out infinite; vertical-align:middle;';
+        btn.appendChild(dot);
+      }
+    } else if (dot) dot.remove();
   }
 
   async function send(userText) {
@@ -1621,6 +1653,7 @@
     resetInMemory: async () => {
       history = []; snapshots = [];
       renderHistory(); renderSnapshotBar();
+      _updateChatBtnBadge(false);   // dot прячется когда нет проекта
       // Polling оставляем активным — это и есть «бг-чат».
     },
     // board.js зовёт после openFilm чтобы подгрузить chat-историю проекта.

package/renderer/generate.js

@@ -475,7 +475,13 @@ $('textGenSubmit').addEventListener('click', async () => {
     type: 'text', file: `texts/${mdName}`, text: '',
     x: spot.x, y: spot.y,
     status: 'generating',
-    generated: { kind: 'text', rawPrompt, prompt: resolvedPrompt, model, state: 'submitting' },
+    generated: {
+      kind: 'text', rawPrompt, prompt: resolvedPrompt, model, state: 'submitting',
+      // refs — для resume после reload. boardHandle не сериализуется,
+      // на resume re-resolve через state.currentBoard.handle (тот же
+      // board — мы только что в нём создали ноду).
+      refs: imageRefs.map(r => ({ name: r.name, key: r.key, type: r.type, file: r.file })),
+    },
   };
   state.currentBoard.metadata.nodes.push(node);
   canvas.appendChild(await createNodeEl(node));
@@ -487,30 +493,57 @@ $('textGenSubmit').addEventListener('click', async () => {
 });
 
 async function _imageRefToDataUrl(ref) {
+  // Возвращает {url, size, mime} или {error}. Раньше тихо возвращал null
+  // на любую ошибку → дебаг был невозможен (юзер видел «картинка не
+  // подаётся», но в логах ничего).
   try {
+    if (!ref || !ref.file) return { error: 'no file in ref' };
+    if (!ref.boardHandle || typeof ref.boardHandle.getDirectoryHandle !== 'function') {
+      return { error: 'no boardHandle in ref' };
+    }
     const fh = await resolveBoardFile(ref.boardHandle, ref.file);
     const file = await fh.getFile();
-    return await new Promise((res, rej) => {
+    const url = await new Promise((res, rej) => {
       const r = new FileReader();
       r.onload = () => res(r.result);
       r.onerror = () => rej(r.error);
       r.readAsDataURL(file);
     });
-  } catch (e) { return null; }
+    return { url, size: file.size, mime: file.type || 'image/*' };
+  } catch (e) {
+    return { error: e?.message || String(e) };
+  }
 }
 
 async function runTextJob(node, prompt, model, boardHandle, bKey, imageRefs) {
   state.jobs.set(node.id, { boardKey: bKey, kind: 'text', nodeId: node.id });
   if (typeof updateJobsBadge === 'function') updateJobsBadge();
-  logJob(node.id, `text-gen start model=${model} prompt="${(prompt||'').slice(0,80)}" images=${imageRefs?.length||0}`);
+  logJob(node.id, `text-gen start model=${model} prompt="${(prompt||'').slice(0,200)}" images=${imageRefs?.length||0}`);
+  // Дамп refs ДО загрузки — видно сразу что именно собирается прикрутить
+  // к запросу (имя, файл, доска). Если refs.length=0 при @-mention в
+  // промпте — значит gatherMediaRefs не нашёл (имя не совпало / нода
+  // другого типа). Если refs есть, но загрузка падает — следующий лог
+  // покажет error по каждому.
+  if (imageRefs?.length) {
+    logJob(node.id, `image refs (${imageRefs.length}): ${imageRefs.map((r, i) => `[${i+1}] @${r.key||r.name} file=${r.file} board=${r.boardHandle?.name||'—'}`).join(' | ')}`);
+  } else {
+    logJob(node.id, 'image refs: НЕТ — модель получит только текст. Если ожидалась картинка, проверь @-mention (имя ноды должно совпадать) и тип ноды.');
+  }
   try {
     const images = [];
-    for (const ref of (imageRefs || [])) {
-      const url = await _imageRefToDataUrl(ref);
-      if (url) images.push({ name: ref.name, url });
+    for (let i = 0; i < (imageRefs || []).length; i++) {
+      const ref = imageRefs[i];
+      const result = await _imageRefToDataUrl(ref);
+      if (result.url) {
+        images.push({ name: ref.name, url: result.url });
+        const sizeKb = (result.size / 1024).toFixed(1);
+        logJob(node.id, `  ✓ image [${i+1}] @${ref.key||ref.name}: ${result.mime}, ${sizeKb}KB → [image ${images.length}] в промпте`);
+      } else {
+        logJob(node.id, `  ✗ image [${i+1}] @${ref.key||ref.name} НЕ ЗАГРУЖЕНА: ${result.error || 'unknown'} (file=${ref.file})`);
+      }
     }
     const provider = await plannedProvider('text');
-    logJob(node.id, `→ POST /api/text → ${provider} (model=${model})`);
+    logJob(node.id, `→ POST /api/text → ${provider} (model=${model}, images.length=${images.length}, prompt.length=${(prompt||'').length}ch)`);
     const r = await fetch('/api/text', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -1646,6 +1679,20 @@ $('genSubmit').addEventListener('click', async () => {
   state.currentBoard.metadata.nodes.push(node);
   canvas.appendChild(await createNodeEl(node));
 
+  // Async auto-name через LLM. НЕ блокируем — нода уже на холсте.
+  // Когда LLM ответит — обновим node.name + DOM. Дедуп через uniqueNodeName.
+  if (typeof autoNameNode === 'function' && !node.name) {
+    const existing = state.currentBoard.metadata.nodes.map(n => n.name).filter(Boolean);
+    autoNameNode({ prompt: rawPrompt || resolvedPrompt, type: kind, existingNames: existing }).then(name => {
+      if (!name) return;
+      const unique = uniqueNodeName(state.currentBoard.metadata.nodes, name);
+      node.name = unique;
+      scheduleSave();
+      // Обновим title в node header (через refresh).
+      if (typeof refreshNodeDOM === 'function') refreshNodeDOM(node);
+    }).catch(() => {});
+  }
+
   // Если открывали через drag-line — фиксируем связь
   if (state.pendingConnectionFrom) {
     addConnection(state.pendingConnectionFrom, node.id);
@@ -1909,7 +1956,12 @@ async function resumeJob(node, bKey, boardHandle) {
       await runTTSJob(node, node.generated.prompt, boardHandle, bKey, node.generated.voiceId);
     }
   } else if (kind === 'text') {
-    const imageRefs = (node.generated.refs || []).filter(r => r.type === 'image' && r.file);
+    // Re-attach boardHandle к refs — JSON не сохраняет JS-handle.
+    // Все refs изначально с одной (текущей) доски (см. textGenSubmit),
+    // так что подставляем boardHandle resume-доски.
+    const imageRefs = (node.generated.refs || [])
+      .filter(r => r.type === 'image' && r.file)
+      .map(r => ({ ...r, boardHandle }));
     const model = node.generated.model || node.generated.modelKey || 'anthropic/claude-sonnet-4';
     await runTextJob(node, node.generated.prompt, model, boardHandle, bKey, imageRefs);
   } else {

package/renderer/notifyPanel.js

@@ -125,9 +125,32 @@
   }
 
   // Public API.
+  // Дедуп: gen-completion идёт двумя путями (local pollJob → showToast,
+  // и server _startPoller → WS jobs:all). Без дедупа юзер видит ДВА
+  // одинаковых события с разницей в секунды. Ключ дедупа — kind+nodeId
+  // (если есть target.nodeId) или kind+text (fallback). Окно — 30 сек.
+  const DEDUP_WINDOW_MS = 30 * 1000;
+  function _dedupKey(kind, text, target) {
+    if (target?.nodeId && (kind === 'ok' || kind === 'error')) {
+      return `${kind}:${target.nodeId}`;
+    }
+    return null; // не дедупим chat / info-сообщения, у них нет nodeId
+  }
   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 });
+    const k = kind || 'info';
+    const dk = _dedupKey(k, text, target);
+    if (dk) {
+      const cutoff = Date.now() - DEDUP_WINDOW_MS;
+      for (let i = events.length - 1; i >= 0; i--) {
+        if (events[i].ts < cutoff) break;
+        if (events[i]._dk === dk) {
+          // Уже было — игнорируем (первый источник победил).
+          return;
+        }
+      }
+    }
+    events.push({ ts: Date.now(), kind: k, text: String(text).slice(0, 300), raw, target: target || null, _dk: dk });
     if (events.length > MAX_EVENTS) events.shift();
     if (!panelOpen) {
       unread++;

package/renderer/styles.css

@@ -190,6 +190,10 @@
     overflow: hidden;  /* recents скроллятся внутри своего блока */
   }
   body.no-project .sidebar, body.no-project .main, body.no-project .preview-panel { display: none !important; }
+  /* Preview-панель видна ТОЛЬКО когда таймлайн открыт. Закрыли таймлайн —
+     даже свернутая полоска preview прячется. Без этого юзер видит всегда
+     торчащий тёмный «остаток» справа, который мешает. */
+  body:has(.timeline-panel.hidden) .preview-panel { display: none !important; }
   .welcome-inner {
     display: flex; flex-direction: column; align-items: center; gap: 12px;
     width: 100%; max-width: none; padding: 0;