kingkont 0.11.3 → 0.11.5

package/package.json

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

@@ -196,8 +196,17 @@
         const modelKey = node.generated?.modelKey;
         const boardHandle = b.handle;
         const bKey = b.key;
-        // Маршрутизация по kind — копия логики из resumeJob, чтобы запустить
-        // job напрямую без gen-modal'а.
+        // КРИТИЧНО: выставить status='generating' ДО запуска job — иначе
+        // нода не показывает spinner, и наша же ветка состояний может не
+        // подхватиться. Также чистим прошлый error и пишем kind в generated
+        // (resumeJob и UI зависят от node.generated.kind).
+        node.status = 'generating';
+        node.error = undefined;
+        node.generated = { ...(node.generated || {}), kind, prompt, rawPrompt: node.generated?.rawPrompt || prompt };
+        scheduleSave();
+        if (typeof renderCanvas === 'function') await renderCanvas();
+        // Маршрутизация по kind — копия логики из resumeJob/«Повторить», чтобы
+        // запустить job напрямую без gen-modal'а.
         if (kind === 'audio') {
           if (typeof runTTSJob !== 'function') throw new Error('runTTSJob недоступен');
           runTTSJob(node, prompt, boardHandle, bKey, node.generated?.voiceId).catch(e => console.error('TTS job failed:', e));
@@ -323,6 +332,185 @@
     renderHistory();
   }
 
+  // ============== SNAPSHOTS (rollback chat actions) ==============
+  // Перед каждым user-сообщением чат снимает snapshot ВСЕГО проекта:
+  // для каждой доски — её scene.json и список media-файлов (только пути!).
+  // Файлы НЕ копируются. Для отката:
+  //   1. Восстанавливаем scene.json для каждой доски.
+  //   2. Если файл из snapshot отсутствует — ищем в `<board>/_deleted/`
+  //      по basename (deleteNode складывает туда с unique-suffix).
+  // Хранится в памяти (последние MAX_SNAPSHOTS), теряется при close project.
+  const MAX_SNAPSHOTS = 10;
+  let snapshots = [];   // [{ts, label, boards: [{kind, name, sceneText, files:[relPath]}]}]
+
+  async function takeSnapshot(label) {
+    if (!state.filmHandle) return null;
+    const boards = [];
+    const lists = [
+      { kind: 'episode',   getter: listEpisodes },
+      { kind: 'character', getter: listCharacters },
+      { kind: 'location',  getter: listLocations },
+    ];
+    for (const { kind, getter } of lists) {
+      try {
+        const items = await getter(state.filmHandle);
+        for (const it of items) {
+          try {
+            const sceneFh = await it.handle.getFileHandle('scene.json');
+            const sceneText = await (await sceneFh.getFile()).text();
+            // Список media-файлов (пути) — без чтения содержимого.
+            let files = [];
+            try {
+              const all = await walkBoardFiles(it.handle);
+              files = all
+                .map(f => f.relPath)
+                .filter(p => p !== 'scene.json' && !p.startsWith('.'));
+            } catch {}
+            boards.push({ kind, name: it.name, sceneText, files });
+          } catch {}
+        }
+      } catch {}
+    }
+    const snap = { ts: Date.now(), label: label || '', boards };
+    snapshots.push(snap);
+    if (snapshots.length > MAX_SNAPSHOTS) snapshots.shift();
+    renderSnapshotBar();
+    return snap;
+  }
+
+  // Найти в `<board>/_deleted/` файл по basename (deleteNode даёт unique-suffix
+  // типа `<basename>` или `<basename>(1)` если был конфликт). Перемещаем
+  // обратно в boardHandle/<relPath>. Возвращает true если успешно.
+  async function tryRestoreFromDeleted(boardHandle, relPath) {
+    let delDir;
+    try { delDir = await boardHandle.getDirectoryHandle('_deleted'); }
+    catch { return false; }
+    const wanted = relPath.split('/').pop();      // basename
+    const baseStem = wanted.replace(/\.[^.]+$/, '');
+    const ext = wanted.match(/\.[^.]+$/)?.[0] || '';
+    let foundName = null;
+    try {
+      for await (const [name, h] of delDir.entries()) {
+        if (h.kind !== 'file') continue;
+        if (name === wanted) { foundName = name; break; }
+        // uniqueName может добавить (1), (2)…
+        if (name.startsWith(baseStem) && name.endsWith(ext)) { foundName = name; break; }
+      }
+    } catch {}
+    if (!foundName) return false;
+    try {
+      const srcFh = await delDir.getFileHandle(foundName);
+      const blob = await srcFh.getFile();
+      // Пишем обратно по relPath (создаём подпапки).
+      const parts = relPath.split('/');
+      let dh = boardHandle;
+      for (let i = 0; i < parts.length - 1; i++) {
+        dh = await dh.getDirectoryHandle(parts[i], { create: true });
+      }
+      const dstFh = await dh.getFileHandle(parts[parts.length - 1], { create: true });
+      const w = await dstFh.createWritable();
+      await w.write(blob);
+      await w.close();
+      // И удаляем из _deleted.
+      await delDir.removeEntry(foundName);
+      return true;
+    } catch (e) {
+      console.warn('restore from _deleted failed:', relPath, e?.message);
+      return false;
+    }
+  }
+
+  async function rollbackToSnapshot(idx) {
+    const snap = snapshots[idx];
+    if (!snap || !state.filmHandle) return;
+    const stats = { sceneRestored: 0, filesRestored: 0, filesMissing: 0 };
+    for (const b of snap.boards) {
+      let parent = state.filmHandle;
+      try {
+        if (b.kind === 'character') parent = await state.filmHandle.getDirectoryHandle('_characters', { create: true });
+        else if (b.kind === 'location') parent = await state.filmHandle.getDirectoryHandle('_locations', { create: true });
+      } catch {}
+      let boardHandle;
+      try { boardHandle = await parent.getDirectoryHandle(b.name, { create: true }); }
+      catch (e) { console.warn('rollback: cannot get board', b.name, e); continue; }
+      // 1) scene.json — overwrite.
+      try {
+        const sceneFh = await boardHandle.getFileHandle('scene.json', { create: true });
+        const w = await sceneFh.createWritable();
+        await w.write(b.sceneText);
+        await w.close();
+        stats.sceneRestored++;
+      } catch (e) { console.warn('rollback: scene write failed', b.name, e); }
+      // 2) media-файлы: что отсутствует — пробуем restore из _deleted/.
+      for (const relPath of b.files) {
+        try {
+          await resolveBoardFile(boardHandle, relPath);
+          continue;          // файл уже на месте
+        } catch {}
+        if (await tryRestoreFromDeleted(boardHandle, relPath)) stats.filesRestored++;
+        else stats.filesMissing++;
+      }
+    }
+    // Удаляем snapshot'ы более новые чем восстановленный (он стал текущим).
+    snapshots = snapshots.slice(0, idx);
+    renderSnapshotBar();
+    // Перечитать текущую доску в UI.
+    if (state.currentBoard && typeof selectBoard === 'function') {
+      try { await selectBoard({ kind: state.currentBoard.kind, name: state.currentBoard.name, handle: state.currentBoard.handle }); }
+      catch {}
+    }
+    if (typeof refreshSidebar === 'function') await refreshSidebar();
+    appendStatus(`↩ Откат: scene=${stats.sceneRestored}, files restored=${stats.filesRestored}, missing=${stats.filesMissing}`);
+  }
+
+  function renderSnapshotBar() {
+    const bar = $('chatSnapshotBar');
+    if (!bar) return;
+    bar.innerHTML = '';
+    if (!snapshots.length) { bar.style.display = 'none'; return; }
+    bar.style.display = '';
+    const lbl = document.createElement('span');
+    lbl.textContent = `Снепшоты: ${snapshots.length} `;
+    lbl.style.cssText = 'color:#888; font-size:11px;';
+    bar.appendChild(lbl);
+    // Кнопки: undo до последнего snapshot. Меню по клику для выбора более старого.
+    const undoBtn = document.createElement('button');
+    undoBtn.textContent = '↩ Откатить';
+    undoBtn.title = `Откат до: ${snapshots[snapshots.length - 1]?.label || '(без метки)'}`;
+    undoBtn.addEventListener('click', () => {
+      if (!confirm(`Откатить до snapshot'а: «${snapshots[snapshots.length - 1].label || '(без метки)'}»?`)) return;
+      rollbackToSnapshot(snapshots.length - 1);
+    });
+    bar.appendChild(undoBtn);
+    if (snapshots.length > 1) {
+      const moreBtn = document.createElement('button');
+      moreBtn.textContent = '…';
+      moreBtn.title = 'Выбрать более старый snapshot';
+      moreBtn.addEventListener('click', e => {
+        e.stopPropagation();
+        const menu = $('nodeMenu');
+        if (!menu) return;
+        menu.innerHTML = '';
+        for (let i = snapshots.length - 1; i >= 0; i--) {
+          const s = snapshots[i];
+          const dt = new Date(s.ts).toLocaleTimeString('ru-RU');
+          const b = document.createElement('button');
+          b.textContent = `↩ ${dt} · ${s.label || '(без метки)'}`;
+          const idx = i;
+          b.addEventListener('click', () => {
+            menu.classList.add('hidden');
+            if (!confirm(`Откатить до «${s.label || '(без метки)'}»?`)) return;
+            rollbackToSnapshot(idx);
+          });
+          menu.appendChild(b);
+        }
+        positionFloatingMenu(menu, e.clientX, e.clientY);
+        setTimeout(() => document.addEventListener('mousedown', closeNodeMenu, { once: true }), 0);
+      });
+      bar.appendChild(moreBtn);
+    }
+  }
+
   // ============== UI ==============
   let history = [];   // [{role: 'user'|'assistant'|'system', content: string, tools?: [...], results?: [...]}]
   let busy = false;
@@ -337,7 +525,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';
@@ -442,10 +642,15 @@
     if (busy) return;
     if (!userText.trim()) return;
     busy = true;
+    // Snapshot ДО мутации — чтобы юзер мог откатить «всё что чат сделал
+    // в ответ на это сообщение». Шортнем label первыми 60 символами user-msg.
+    try {
+      await takeSnapshot(userText.length > 60 ? userText.slice(0, 60) + '…' : userText);
+    } catch (e) { console.warn('snapshot failed:', e?.message); }
     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 +735,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');
@@ -597,6 +814,7 @@
         <button id="chatClear" title="Очистить историю">⌫</button>
         <button id="chatClose" title="Закрыть">×</button>
       </div>
+      <div id="chatSnapshotBar" class="chat-snapshot-bar" style="display:none;"></div>
       <div id="chatList" class="chat-list"></div>
       <div class="chat-input-row">
         <textarea id="chatInput" placeholder="Что нужно сделать со сценой? (Cmd+Enter — отправить)" rows="3"></textarea>
@@ -644,10 +862,11 @@
     close: () => $('chatPanel')?.classList.add('hidden'),
     send,
     // User-clear: чистит И на диске тоже (юзер явно нажал ⌫).
-    clear: () => { history = []; renderHistory(); persistNow().catch(() => {}); },
+    clear: () => { history = []; snapshots = []; renderHistory(); renderSnapshotBar(); persistNow().catch(() => {}); },
     // Reset-on-close: только in-memory + UI, на диске НЕ трогает (история
     // должна остаться чтобы при следующем открытии того же проекта подгрузилась).
-    resetInMemory: () => { history = []; renderHistory(); },
+    // Snapshots сбрасываем тоже — они привязаны к текущему filmHandle.
+    resetInMemory: () => { history = []; snapshots = []; renderHistory(); renderSnapshotBar(); },
     // board.js зовёт после openFilm чтобы подгрузить chat-историю проекта.
     loadFromCurrentProject: () => loadHistoryFromCurrentProject(),
     tools: TOOLS,

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

@@ -268,6 +268,15 @@
     border-radius: 4px; padding: 2px 8px; cursor: pointer; font-size: 12px;
   }
   .chat-header button:hover { background: #2a2a2a; color: #fff; }
+  .chat-snapshot-bar {
+    padding: 6px 10px; background: #1f1f1f; border-bottom: 1px solid #2a2a2a;
+    display: flex; align-items: center; gap: 6px; flex-shrink: 0;
+  }
+  .chat-snapshot-bar button {
+    background: #2a2a2a; border: 1px solid #444; color: #cde;
+    padding: 2px 8px; border-radius: 4px; font-size: 11px; cursor: pointer;
+  }
+  .chat-snapshot-bar button:hover { background: #3a3a3a; }
   .chat-list {
     flex: 1; overflow-y: auto; padding: 10px;
     display: flex; flex-direction: column; gap: 6px;
@@ -282,6 +291,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; }