kingkont 0.11.2 → 0.11.4

package/package.json

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

package/renderer/board.js

@@ -588,6 +588,7 @@ async function renderWelcomeRecents() {
 }
 
 // Карточка локального (папочного) проекта — извлечена из renderWelcomeRecents.
+// Удаление и save-as-template — через ПКМ (по аналогии с cloud-карточкой).
 function makeRecentWelcomeCard(r) {
   const card = document.createElement('div');
   card.className = 'welcome-card';
@@ -609,17 +610,6 @@ function makeRecentWelcomeCard(r) {
   tsEl.textContent = fmtRelativeTime(r.ts);
   meta.append(nameEl, tsEl);
   card.append(thumb, meta);
-  const del = document.createElement('div');
-  del.className = 'welcome-card-del';
-  del.textContent = '×';
-  del.title = 'Удалить из недавних';
-  del.addEventListener('click', async e => {
-    e.stopPropagation();
-    if (!confirm(`Убрать «${r.name}» из недавних? (папка не удаляется)`)) return;
-    await removeRecent(r.name);
-    await renderWelcomeRecents();
-  });
-  card.appendChild(del);
   card.addEventListener('click', async () => {
     try {
       if (r.handle) {
@@ -642,9 +632,50 @@ function makeRecentWelcomeCard(r) {
       alert('Ошибка: ' + (err?.message || err));
     }
   });
+  card.addEventListener('contextmenu', e => {
+    e.preventDefault();
+    e.stopPropagation();
+    showRecentCardContextMenu(r, e.clientX, e.clientY);
+  });
   return card;
 }
 
+// ПКМ-меню для recent (folder) welcome-карточки. По аналогии с cloud:
+// «Сохранить как шаблон» (открывает проект → saveCurrentProjectAsTemplate)
+// + «Убрать из недавних».
+function showRecentCardContextMenu(r, clientX, clientY) {
+  const menu = $('nodeMenu');
+  if (!menu) return;
+  menu.innerHTML = '';
+  const add = (label, fn, opts = {}) => {
+    const b = document.createElement('button');
+    b.textContent = label;
+    if (opts.danger) b.style.color = '#f88';
+    b.addEventListener('click', () => { menu.classList.add('hidden'); fn(); });
+    menu.appendChild(b);
+  };
+  add('💾 Сохранить как шаблон…', async () => {
+    if (!r.handle) { alert('Handle потерян, сначала открой проект и сохрани заново.'); return; }
+    try {
+      // Открываем сначала — saveCurrentProjectAsTemplate работает с filmHandle.
+      let g = (await r.handle.queryPermission({ mode: 'readwrite' })) === 'granted';
+      if (!g) g = (await r.handle.requestPermission({ mode: 'readwrite' })) === 'granted';
+      if (!g) { alert('Доступ к папке не подтверждён.'); return; }
+      await openFilm(r.handle);
+      if (typeof saveCurrentProjectAsTemplate === 'function') {
+        await saveCurrentProjectAsTemplate();
+      }
+    } catch (e) { alert('Ошибка: ' + (e?.message || e)); }
+  });
+  add('✖ Убрать из недавних', async () => {
+    if (!confirm(`Убрать «${r.name}» из недавних? (папка не удаляется)`)) return;
+    await removeRecent(r.name);
+    await renderWelcomeRecents();
+  }, { danger: true });
+  positionFloatingMenu(menu, clientX, clientY);
+  setTimeout(() => document.addEventListener('mousedown', closeNodeMenu, { once: true }), 0);
+}
+
 // Карточка облачного проекта. Визуально такая же как у папочного, плюс
 // ☁ бейдж в углу обложки. Клик → cloudProjects.open() (использует local
 // cache если синхронизирован, иначе скачивает manifest+файлы).
@@ -715,6 +746,42 @@ function showCloudCardContextMenu(p, clientX, clientY) {
   add('↻ Обновить из облака', () => {
     if (window.cloudProjects?.open) window.cloudProjects.open(p.id, p.name, { forceRefresh: true });
   });
+  add('💾 Сохранить как шаблон…', async () => {
+    // Берём cloud-проект с сервера (manifest+files) и постим в /api/templates
+    // в template-формате (board.scene → board.manifest). Без открытия проекта.
+    const tplName = await askName('Имя шаблона:', '', p.name || '', { okText: 'Сохранить' });
+    if (!tplName) return;
+    try {
+      const r = await fetch('/api/projects/' + encodeURIComponent(p.id));
+      if (!r.ok) throw new Error('HTTP ' + r.status);
+      const proj = await r.json();
+      const tplBoards = (proj.manifest?.boards || []).map(b => ({
+        kind: b.kind, name: b.name,
+        manifest: b.scene || {},          // board.scene в cloud → board.manifest в template
+        files: b.files || {},
+      }));
+      const allFiles = {};
+      for (const b of tplBoards) {
+        for (const [rel, url] of Object.entries(b.files || {})) allFiles[`${b.kind}/${b.name}/${rel}`] = url;
+      }
+      const tR = await fetch('/api/templates', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          name: tplName, kind: 'project',
+          manifest: { boards: tplBoards, coverUrl: proj.coverUrl || null },
+          files: allFiles,
+        }),
+      });
+      if (!tR.ok) {
+        const err = await tR.json().catch(() => ({}));
+        throw new Error(err.error || 'HTTP ' + tR.status);
+      }
+      alert(`Шаблон «${tplName}» создан.`);
+    } catch (e) {
+      alert('Не удалось сохранить шаблон: ' + (e?.message || e));
+    }
+  });
   add('🗑 Удалить с сервера', async () => {
     if (!confirm(`Удалить «${p.name}» с сервера? Локальная копия в userData останется.`)) return;
     try {
@@ -2315,27 +2382,11 @@ function showNodeContextMenu(node, clientX, clientY) {
   setTimeout(() => document.addEventListener('mousedown', closeNodeMenu, { once: true }), 0);
 }
 
-// ПКМ на brand-area sidebar — действия с проектом (сохранить как шаблон).
-// Показывает «Создать новый шаблон» всегда, и «Обновить «X»» если проект
-// был открыт из шаблона юзера (см. saveCurrentProjectAsTemplate — он сам
-// определит mode по .kingkont-meta.json).
+// (ПКМ на brand-area внутри проекта раньше показывал «Сохранить как шаблон» —
+//  убрано, переехало в ПКМ карточки на welcome-screen. Функция оставлена
+//  для backward-compat если будут добавляться другие project-actions.)
 function showProjectContextMenu(clientX, clientY) {
-  const menu = $('nodeMenu');
-  menu.innerHTML = '';
-  const add = (label, fn) => {
-    const b = document.createElement('button');
-    b.textContent = label;
-    b.addEventListener('click', () => {
-      menu.classList.add('hidden');
-      fn();
-    });
-    menu.appendChild(b);
-  };
-  add('💾 Сохранить как шаблон…', () => {
-    if (typeof saveCurrentProjectAsTemplate === 'function') saveCurrentProjectAsTemplate();
-  });
-  positionFloatingMenu(menu, clientX, clientY);
-  setTimeout(() => document.addEventListener('mousedown', closeNodeMenu, { once: true }), 0);
+  // intentional no-op: пока что внутри проекта ПКМ на brand ничего не делает.
 }
 
 // ПКМ на 📚 Templates-кнопке — действия проектного уровня.

package/renderer/chat.js

@@ -269,9 +269,13 @@
     //   <tool>JSON</tool>          — наш command-protocol (модель так зовёт tools)
     //   <tool_result>JSON</tool_result> — модель иногда его галюцинирует
     //                                     в outputе, копируя format из user-msg.
+    // После стрипа нормализуем whitespace — иначе остаются «дыры» и
+    // подряд идущие space'ы (3+ → 1, blank lines 3+ → 2).
     return text
       .replace(/<tool>[\s\S]*?<\/tool>/g, '')
       .replace(/<tool_result>[\s\S]*?<\/tool_result>/g, '')
+      .replace(/[ \t]{2,}/g, ' ')
+      .replace(/\n{3,}/g, '\n\n')
       .trim();
   }
 
@@ -333,7 +337,19 @@
       div.className = 'chat-msg chat-msg-' + m.role;
       const lbl = document.createElement('div');
       lbl.className = 'chat-msg-role';
-      lbl.textContent = m.role === 'user' ? 'Вы' : 'Claude';
+      if (m.role === 'assistant') {
+        const img = document.createElement('img');
+        img.src = 'assets/icon.png';
+        img.className = 'chat-msg-avatar';
+        img.draggable = false;
+        img.alt = '';
+        lbl.appendChild(img);
+        const span = document.createElement('span');
+        span.textContent = 'KingKont';
+        lbl.appendChild(span);
+      } else {
+        lbl.textContent = 'Вы';
+      }
       div.appendChild(lbl);
       const body = document.createElement('div');
       body.className = 'chat-msg-body';
@@ -441,7 +457,7 @@
     history.push({ role: 'user', content: userText });
     renderHistory();
     persistDebounced();
-    const status = appendStatus('Claude думает…');
+    const status = appendStatus('KingKont думает…');
     const system = buildSystemPrompt();
     try {
       let iter = 0;
@@ -518,26 +534,54 @@
     for (const m of history) {
       if (m.role === 'system') continue;
       if (m.role === 'user' && m.content?.startsWith('<tool_result>')) continue;  // системный turn
+      // Пустой assistant без tools — не рендерим (бывает при streaming/parse-fail).
+      const hasContent = !!(m.content && m.content.trim());
+      const hasTools = Array.isArray(m.tools) && m.tools.length;
+      if (!hasContent && !hasTools) continue;
       const div = document.createElement('div');
       div.className = 'chat-msg chat-msg-' + m.role;
       const lbl = document.createElement('div');
       lbl.className = 'chat-msg-role';
-      lbl.textContent = m.role === 'user' ? 'Вы' : 'Claude';
+      if (m.role === 'assistant') {
+        const img = document.createElement('img');
+        img.src = 'assets/icon.png';
+        img.className = 'chat-msg-avatar';
+        img.draggable = false;
+        img.alt = '';
+        lbl.appendChild(img);
+        const span = document.createElement('span');
+        span.textContent = 'KingKont';
+        lbl.appendChild(span);
+      } else {
+        lbl.textContent = 'Вы';
+      }
       div.appendChild(lbl);
-      const body = document.createElement('div');
-      body.className = 'chat-msg-body';
-      body.textContent = m.content || '';
-      div.appendChild(body);
-      if (Array.isArray(m.tools) && m.tools.length) {
+      if (hasContent) {
+        const body = document.createElement('div');
+        body.className = 'chat-msg-body';
+        body.textContent = m.content;
+        div.appendChild(body);
+      }
+      if (hasTools) {
         for (const tc of m.tools) {
           const t = document.createElement('details');
           t.className = 'chat-tool';
           const sum = document.createElement('summary');
-          sum.textContent = `🔧 ${tc.name}` + (tc._error ? '  (ошибка)' : tc._ok ? '  ✓' : '');
+          // Компактный summary: имя tool + ключевой arg (если короткий) + статус.
+          const argHint = _argHint(tc.args);
+          const status = tc._error ? '  ⚠' : tc._ok ? '  ✓' : '';
+          sum.textContent = `🔧 ${tc.name}${argHint}${status}`;
           t.appendChild(sum);
-          const pre = document.createElement('pre');
-          pre.textContent = JSON.stringify({ args: tc.args, result: tc.result, error: tc._error }, null, 2);
-          t.appendChild(pre);
+          // pre добавляем только если есть что показать (args/result/error не пусты).
+          const dump = {};
+          if (tc.args && Object.keys(tc.args).length) dump.args = tc.args;
+          if (tc.result !== undefined) dump.result = tc.result;
+          if (tc._error) dump.error = tc._error;
+          if (Object.keys(dump).length) {
+            const pre = document.createElement('pre');
+            pre.textContent = JSON.stringify(dump, null, 2);
+            t.appendChild(pre);
+          }
           div.appendChild(t);
         }
       }
@@ -545,6 +589,22 @@
     }
     list.scrollTop = list.scrollHeight;
   }
+
+  // Короткая подсказка про args для summary tool-блока.
+  // 'add_node({type:image, name:"..."})' — без полного JSON.
+  function _argHint(args) {
+    if (!args || typeof args !== 'object') return '';
+    const keys = Object.keys(args);
+    if (!keys.length) return '';
+    const items = [];
+    for (const k of keys) {
+      const v = args[k];
+      let s = typeof v === 'string' ? `"${v.length > 30 ? v.slice(0, 30) + '…' : v}"` : String(v);
+      items.push(`${k}:${s}`);
+      if (items.join(',').length > 60) break;
+    }
+    return ` (${items.join(', ')})`;
+  }
   // Перебиндим
   renderHistory = renderHistoryFiltered;
 

package/renderer/cloudProjects.js

@@ -644,36 +644,8 @@
     $('newCloudProject')?.addEventListener('click', createNewCloudProject);
     $('openCloudProjects')?.addEventListener('click', openCloudProjectsModal);
     $('saveProjectCloud')?.addEventListener('click', saveCloudProject);
-    // ПКМ на «☁ Сохранить на сервер» — расширенное меню: «Сохранить как
-    // шаблон» (доступно ВСЕМ типам проектов, включая cloud — реализация
-    // в templates.js работает через filmHandle, cloudFs-shim тоже подходит).
-    $('saveProjectCloud')?.addEventListener('contextmenu', e => {
-      e.preventDefault();
-      e.stopPropagation();
-      const menu = document.getElementById('nodeMenu');
-      if (!menu) return;
-      menu.innerHTML = '';
-      const add = (label, fn) => {
-        const b = document.createElement('button');
-        b.textContent = label;
-        b.addEventListener('click', () => { menu.classList.add('hidden'); fn(); });
-        menu.appendChild(b);
-      };
-      add('☁ Сохранить на сервер', saveCloudProject);
-      add('💾 Сохранить как шаблон…', () => {
-        if (typeof saveCurrentProjectAsTemplate === 'function') saveCurrentProjectAsTemplate();
-        else alert('saveCurrentProjectAsTemplate недоступен');
-      });
-      if (typeof positionFloatingMenu === 'function') {
-        positionFloatingMenu(menu, e.clientX, e.clientY);
-      } else {
-        menu.style.cssText = `position:fixed; left:${e.clientX}px; top:${e.clientY}px; z-index:9999;`;
-      }
-      // Используем глобальный closeNodeMenu — он умеет НЕ закрываться на клик
-      // по активной кнопке внутри меню (даёт click-обработчику сработать).
-      // Без этого mousedown на кнопке закрывал меню до click → нажатие тонуло.
-      setTimeout(() => document.addEventListener('mousedown', closeNodeMenu, { once: true }), 0);
-    });
+    // (ПКМ на «☁ Сохранить на сервер» убран — «Сохранить как шаблон»
+    //  переехал на welcome-screen в ПКМ карточки проекта.)
     setCloudButtonsVisibility();
     // Переинициализируем видимость кнопок раз в 5 сек — для случая когда юзер
     // login/logout в Chatium через настройки (нет других сигналов).

package/renderer/styles.css

@@ -269,19 +269,24 @@
   }
   .chat-header button:hover { background: #2a2a2a; color: #fff; }
   .chat-list {
-    flex: 1; overflow-y: auto; padding: 12px;
-    display: flex; flex-direction: column; gap: 12px;
+    flex: 1; overflow-y: auto; padding: 10px;
+    display: flex; flex-direction: column; gap: 6px;
   }
   .chat-msg {
-    display: flex; flex-direction: column; gap: 4px;
-    padding: 10px 12px; border-radius: 8px;
-    font-size: 13px; line-height: 1.5;
+    display: flex; flex-direction: column; gap: 2px;
+    padding: 6px 10px; border-radius: 6px;
+    font-size: 13px; line-height: 1.45;
   }
   .chat-msg-user { background: #1f2a3a; border: 1px solid #2a3a4a; }
   .chat-msg-assistant { background: #1f1f1f; border: 1px solid #2a2a2a; }
   .chat-msg-role {
     font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px;
     color: #888;
+    display: flex; align-items: center; gap: 6px;
+  }
+  .chat-msg-avatar {
+    width: 16px; height: 16px; border-radius: 4px;
+    object-fit: contain; background: #1f1f1f; padding: 1px;
   }
   .chat-msg-user .chat-msg-role { color: #6a9; }
   .chat-msg-assistant .chat-msg-role { color: #c97; }
@@ -289,8 +294,8 @@
     color: #e0e0e0; white-space: pre-wrap; word-break: break-word;
   }
   .chat-tool {
-    margin-top: 6px; background: #0e0e0e; border: 1px solid #2a2a2a;
-    border-radius: 4px; padding: 4px 8px; font-size: 11px;
+    margin-top: 2px; background: #0e0e0e; border: 1px solid #2a2a2a;
+    border-radius: 3px; padding: 2px 6px; font-size: 11px;
   }
   .chat-tool summary {
     cursor: pointer; color: #aac; outline: none;