kingkont 0.11.3 → 0.11.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.11.3",
+  "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

@@ -337,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';
@@ -445,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;
@@ -530,7 +542,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);
       if (hasContent) {
         const body = document.createElement('div');

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

@@ -282,6 +282,11 @@
   .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; }