kingkont 0.17.5 → 0.18.0

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.5",
+  "version": "0.18.0",
   "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

@@ -1646,6 +1646,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);
@@ -2008,7 +2022,13 @@ async function pollJob(job, nodeId, bKey, boardHandle, kind) {
       const isCurrent = state.currentBoard?.key === bKey;
       if (typeof showToast === 'function') {
         const where = isCurrent ? '' : ` в ${bKey}`;
-        showToast(`✓ ${kind} «${nodeName || nodeId.slice(0,6)}» готов${where}`, isCurrent ? 'ok' : 'info');
+        // target — для click-навигации в notify-панели (откроется доска +
+        // подсветится нода).
+        showToast(
+          `✓ ${kind} «${nodeName || nodeId.slice(0,6)}» готов${where}`,
+          isCurrent ? 'ok' : 'info',
+          { target: { projectKey: projectKeyAtCompletion, boardKey: bKey, nodeId } },
+        );
       }
       // System notification — только когда генерация завершилась в фоне
       // (не на активной доске или когда окно скрыто). На активном UI

package/renderer/notifyPanel.js

@@ -206,11 +206,12 @@
   // Init: ensure UI exists ASAP, hook into showToast и WS-events.
   document.addEventListener('DOMContentLoaded', () => {
     _ensureUI();
-    // Wrap showToast чтобы дублировать в панель.
+    // Wrap showToast чтобы дублировать в панель + forward target для
+    // click-навигации (showToast(text, kind, {target: {...}})).
     if (typeof window.showToast === 'function') {
       const orig = window.showToast;
-      window.showToast = function (text, kind) {
-        try { addEvent({ kind: kind || 'info', text }); } catch {}
+      window.showToast = function (text, kind, opts) {
+        try { addEvent({ kind: kind || 'info', text, target: opts?.target || null }); } catch {}
         return orig.apply(this, arguments);
       };
     }

package/renderer/state.js

@@ -201,12 +201,16 @@ window.systemNotify = systemNotify;
 // resume сработал, ...). Стек справа сверху. Auto-dismiss:
 //   - ok/info — 10s (юзер должен заметить успех)
 //   - error   — 30s (важно, не пропустить)
-function showToast(text, kind) {
+function showToast(text, kind, opts) {
+  // opts.target: {projectKey, boardKey, nodeId} — toast становится кликабельным.
   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:8px; pointer-events:none; max-width:340px;';
+    // Bottom-left стек — рядом с 🔔 кнопкой нотификаций. Новые toast'ы
+    // появляются СНИЗУ (flex-direction: column-reverse), так что они
+    // «всплывают» вверх от кнопки.
+    host.style.cssText = 'position:fixed; left:52px; bottom:12px; z-index:9999; display:flex; flex-direction:column-reverse; gap:8px; pointer-events:none; max-width:340px;';
     document.body.appendChild(host);
   }
   const t = document.createElement('div');

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;

package/server.js

@@ -356,9 +356,9 @@ async function handleChatClear(req, res) {
 async function handleJobsTrack(req, res) {
   try {
     const body = await readJson(req);
-    const { action, projectKey, jobId, kind, name, type, taskId } = body || {};
+    const { action, projectKey, jobId, kind, name, type, taskId, boardKey } = body || {};
     if (!projectKey || !jobId) return send(res, 400, { error: 'projectKey + jobId обязательны' });
-    if (action === 'start') jobsHub.start({ projectKey, jobId, kind, name, type, taskId });
+    if (action === 'start') jobsHub.start({ projectKey, jobId, kind, name, type, taskId, boardKey });
     else if (action === 'end') jobsHub.end({ projectKey, jobId });
     else return send(res, 400, { error: 'action: start|end' });
     send(res, 200, { ok: true });