kingkont 0.17.6 → 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.6",
+  "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);

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;