kingkont 0.11.4 → 0.12.0

package/main.js

@@ -745,6 +745,20 @@ ipcMain.handle('cloudFs:openInFinder', async (_e, projectId) => {
   }
 });
 
+// Универсальный shell.openPath — для папочных проектов где знаем абс-путь.
+// Renderer выводит путь через webUtils.getPathForFile (см. appPath.pathForFile
+// в preload). Безопасность: shell.openPath сам проверяет что path существует
+// + macOS sandbox предотвращает «поход куда не следует».
+ipcMain.handle('shell:openPath', async (_e, absPath) => {
+  if (!absPath || typeof absPath !== 'string') return { ok: false, error: 'no path' };
+  try {
+    const err = await shell.openPath(absPath);
+    return { ok: !err, error: err || null };
+  } catch (e) {
+    return { ok: false, error: e.message };
+  }
+});
+
 ipcMain.handle('window:close', () => {
   if (win && !win.isDestroyed()) win.close();
 });

package/package.json

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

package/preload.js

@@ -93,6 +93,16 @@ contextBridge.exposeInMainWorld('claudeMd', {
   installSkill: () => ipcRenderer.invoke('claudeMd:installSkill'),
 });
 
+// Filesystem-path utils. Нужно для «Открыть в Finder» папочных проектов:
+// FSAH directoryHandle не даёт абс-путь, но webUtils.getPathForFile(file)
+// — даёт. Берём любой файл изнутри папки → парсим parent → openPath.
+contextBridge.exposeInMainWorld('appPath', {
+  pathForFile: (file) => {
+    try { return webUtils.getPathForFile(file) || null; } catch { return null; }
+  },
+  openPath: (absPath) => ipcRenderer.invoke('shell:openPath', absPath),
+});
+
 // Cloud-projects: тонкая обёртка над userData/cloud-projects/<id>/.
 // Используется renderer'ом в режиме «облачного проекта» (без showDirectoryPicker).
 // На веб-версии (без preload) — undefined; web-shell использует in-memory модель

package/renderer/board.js

@@ -642,6 +642,7 @@ function makeRecentWelcomeCard(r) {
 
 // ПКМ-меню для recent (folder) welcome-карточки. По аналогии с cloud:
 // «Сохранить как шаблон» (открывает проект → saveCurrentProjectAsTemplate)
+// + «Открыть в Finder» (абс-путь через webUtils.getPathForFile)
 // + «Убрать из недавних».
 function showRecentCardContextMenu(r, clientX, clientY) {
   const menu = $('nodeMenu');
@@ -654,6 +655,21 @@ function showRecentCardContextMenu(r, clientX, clientY) {
     b.addEventListener('click', () => { menu.classList.add('hidden'); fn(); });
     menu.appendChild(b);
   };
+  add('📂 Открыть в Finder', async () => {
+    if (!r.handle || !window.appPath?.pathForFile || !window.appPath?.openPath) {
+      alert('Доступно только в Electron-приложении');
+      return;
+    }
+    try {
+      let g = (await r.handle.queryPermission({ mode: 'read' })) === 'granted';
+      if (!g) g = (await r.handle.requestPermission({ mode: 'read' })) === 'granted';
+      if (!g) { alert('Доступ к папке не подтверждён.'); return; }
+      const folderPath = await deriveFolderAbsPath(r.handle);
+      if (!folderPath) { alert('Не удалось определить путь к папке (нет файлов внутри).'); return; }
+      const res = await window.appPath.openPath(folderPath);
+      if (!res?.ok) alert('Не удалось открыть: ' + (res?.error || 'unknown'));
+    } catch (e) { alert('Ошибка: ' + (e?.message || e)); }
+  });
   add('💾 Сохранить как шаблон…', async () => {
     if (!r.handle) { alert('Handle потерян, сначала открой проект и сохрани заново.'); return; }
     try {
@@ -676,6 +692,43 @@ function showRecentCardContextMenu(r, clientX, clientY) {
   setTimeout(() => document.addEventListener('mousedown', closeNodeMenu, { once: true }), 0);
 }
 
+// Получить абс-путь FSAH-папки. webUtils.getPathForFile работает только
+// для File объектов (не для DirectoryHandle), поэтому ищем любой файл
+// внутри и берём parent. Тестируем: scene.json в любом board → up 2 dirs.
+// Или meta-файл в корне → up 1 dir. Если ничего нет — возвращаем null.
+async function deriveFolderAbsPath(filmHandle) {
+  if (!window.appPath?.pathForFile) return null;
+  // 1) Любой файл в корне (например .kingkont-meta.json или .cover.*).
+  try {
+    for await (const [name, h] of filmHandle.entries()) {
+      if (h.kind === 'file' && !name.startsWith('.git') && !name.startsWith('node_modules')) {
+        const file = await h.getFile();
+        const p = window.appPath.pathForFile(file);
+        if (p) return p.replace(/[\/\\][^\/\\]+$/, '');
+      }
+    }
+  } catch {}
+  // 2) Файл из подпапки (любой board) — up 2 уровня.
+  try {
+    for await (const [, dirH] of filmHandle.entries()) {
+      if (dirH.kind !== 'directory' || dirH.name.startsWith('.')) continue;
+      try {
+        for await (const [name2, h2] of dirH.entries()) {
+          if (h2.kind === 'file') {
+            const file = await h2.getFile();
+            const p = window.appPath.pathForFile(file);
+            if (p) {
+              // up 2: removes filename + parent dir name
+              return p.replace(/[\/\\][^\/\\]+[\/\\][^\/\\]+$/, '');
+            }
+          }
+        }
+      } catch {}
+    }
+  } catch {}
+  return null;
+}
+
 // Карточка облачного проекта. Визуально такая же как у папочного, плюс
 // ☁ бейдж в углу обложки. Клик → cloudProjects.open() (использует local
 // cache если синхронизирован, иначе скачивает manifest+файлы).
@@ -1772,7 +1825,11 @@ async function selectBoard(board) {
     scheduleUpdatePreview();
   }
 
-  // Восстановить pan/zoom доски
+  // Восстановить pan/zoom доски. Default-scroll выставляем на canvas-pad-x/y
+  // (см. styles.css .canvas-frame), чтобы canvas (0,0) был виден в top-left.
+  // Без этого пользователь видел бы пустой padding слева/сверху.
+  const padX = parseInt(getComputedStyle(document.querySelector('.canvas-frame')).getPropertyValue('--canvas-pad-x')) || 2000;
+  const padY = parseInt(getComputedStyle(document.querySelector('.canvas-frame')).getPropertyValue('--canvas-pad-y')) || 1500;
   const view = state.currentBoard.metadata.view;
   if (view) {
     if (typeof view.zoom === 'number') {
@@ -1780,14 +1837,21 @@ async function selectBoard(board) {
       applyZoomStyles(state.zoom);
       $('zoomLabel').textContent = Math.round(state.zoom * 100) + '%';
     }
-    if (typeof view.scrollLeft === 'number') canvasWrap.scrollLeft = view.scrollLeft;
-    if (typeof view.scrollTop  === 'number') canvasWrap.scrollTop  = view.scrollTop;
+    // ВАЖНО: для backward-compat старых view (где scrollLeft/Top сохранены
+    // БЕЗ padding'а — до этой фичи) добавляем padding к сохранённому
+    // значению. Если view свежий и >= padding'а, считаем что padding уже учтён.
+    if (typeof view.scrollLeft === 'number') {
+      canvasWrap.scrollLeft = view.scrollLeft >= padX ? view.scrollLeft : view.scrollLeft + padX;
+    } else canvasWrap.scrollLeft = padX;
+    if (typeof view.scrollTop === 'number') {
+      canvasWrap.scrollTop = view.scrollTop >= padY ? view.scrollTop : view.scrollTop + padY;
+    } else canvasWrap.scrollTop = padY;
   } else {
     state.zoom = 1;
     applyZoomStyles(1);
     $('zoomLabel').textContent = '100%';
-    canvasWrap.scrollLeft = 0;
-    canvasWrap.scrollTop = 0;
+    canvasWrap.scrollLeft = padX;
+    canvasWrap.scrollTop = padY;
   }
 
   // Возобновить незавершённые джобы текущей доски

package/renderer/chat.js

@@ -104,10 +104,14 @@
       async handler({ type, name, prompt, x, y, text, modelKey }) {
         if (!state.currentBoard) throw new Error('доска не выбрана');
         if (!['image','video','audio','text','label'].includes(type)) throw new Error(`unknown type: ${type}`);
-        // Авто-координаты — справа от последней ноды.
+        // Авто-координаты — справа от последней ноды. Clamp к >= 50, чтобы
+        // нода не ушла в отрицательные координаты (canvas начинается с 0,0,
+        // негативные позиции невидимы без скролла).
         const last = state.currentBoard.metadata.nodes[state.currentBoard.metadata.nodes.length - 1];
-        const nx = typeof x === 'number' ? x : (last ? last.x + 320 : 100);
-        const ny = typeof y === 'number' ? y : (last ? last.y : 100);
+        let nx = typeof x === 'number' ? x : (last ? last.x + 320 : 100);
+        let ny = typeof y === 'number' ? y : (last ? last.y : 100);
+        if (nx < 50) nx = 50;
+        if (ny < 50) ny = 50;
         const id = (crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).slice(2));
         const node = { id, type, x: nx, y: ny };
         if (name) node.name = name;
@@ -181,6 +185,119 @@
       },
     },
 
+    list_timeline: {
+      description: 'Список дорожек и клипов таймлайна текущей доски. Возвращает {tracks: [{id, name, kind, clips: [{id, nodeId, file, start, duration, name}]}], totalDuration}.',
+      params: '{}',
+      async handler() {
+        const b = state.currentBoard;
+        if (!b) throw new Error('доска не выбрана');
+        if (typeof getTimeline !== 'function') throw new Error('getTimeline недоступен');
+        const tl = getTimeline();
+        const tracks = (tl?.tracks || []).map(t => ({
+          id: t.id, name: t.name, kind: t.kind,
+          clips: (t.clips || []).map(c => ({
+            id: c.id, nodeId: c.nodeId || null, type: c.type,
+            file: c.file || null, name: c.name || null,
+            start: c.start || 0, duration: c.duration || 0,
+          })),
+        }));
+        const totalDuration = tracks.reduce((max, t) => Math.max(
+          max,
+          (t.clips || []).reduce((m, c) => Math.max(m, (c.start || 0) + (c.duration || 0)), 0),
+        ), 0);
+        return { tracks, totalDuration };
+      },
+    },
+
+    add_clip_to_timeline: {
+      description: 'Добавить ноду как клип в таймлайн. trackKind="video" для image/video, "audio" для audio. Если start не задан — добавляется в конец дорожки.',
+      params: '{"nodeId":"<node-id>","trackKind":"video|audio","start":<seconds (optional)>,"duration":<seconds (optional, default по типу)>}',
+      async handler({ nodeId, trackKind, start, duration }) {
+        const b = state.currentBoard;
+        if (!b) throw new Error('доска не выбрана');
+        const node = b.metadata.nodes.find(n => n.id === nodeId);
+        if (!node) throw new Error(`нода не найдена: ${nodeId}`);
+        if (!node.file) throw new Error('у ноды нет файла (нужно сначала сгенерировать)');
+        if (typeof getTimeline !== 'function') throw new Error('getTimeline недоступен');
+        const tl = getTimeline();
+        const tk = trackKind === 'audio' ? 'audio' : 'video';
+        let track = tl.tracks.find(t => t.kind === tk);
+        if (!track) {
+          track = { id: crypto.randomUUID(), name: tk === 'audio' ? 'Аудио' : 'Видео', kind: tk, clips: [] };
+          tl.tracks.push(track);
+        }
+        const trackEnd = track.clips.reduce((m, c) => Math.max(m, (+c.start || 0) + (+c.duration || 0)), 0);
+        const dur = typeof duration === 'number' && duration > 0
+          ? duration
+          : (typeof defaultClipDuration === 'function' ? defaultClipDuration(node) : (node.type === 'image' ? 3 : 5));
+        const clip = {
+          id: crypto.randomUUID(),
+          nodeId: node.id,
+          type: node.type === 'audio' ? 'audio' : (node.type === 'video' ? 'video' : 'image'),
+          file: node.file,
+          name: node.name || null,
+          duration: dur,
+          start: typeof start === 'number' ? Math.max(0, start) : trackEnd,
+        };
+        track.clips.push(clip);
+        scheduleSave();
+        if (!document.getElementById('timelinePanel').classList.contains('hidden')) {
+          if (typeof renderTimeline === 'function') renderTimeline();
+        }
+        return { ok: true, clipId: clip.id, trackId: track.id, start: clip.start, duration: clip.duration };
+      },
+    },
+
+    remove_clip_from_timeline: {
+      description: 'Удалить клип из таймлайна по clipId.',
+      params: '{"clipId":"<clip-id>"}',
+      async handler({ clipId }) {
+        const b = state.currentBoard;
+        if (!b) throw new Error('доска не выбрана');
+        const tl = getTimeline();
+        if (!tl) throw new Error('нет таймлайна');
+        let removed = false;
+        for (const t of tl.tracks) {
+          const i = t.clips.findIndex(c => c.id === clipId);
+          if (i >= 0) { t.clips.splice(i, 1); removed = true; break; }
+        }
+        if (!removed) throw new Error(`клип не найден: ${clipId}`);
+        scheduleSave();
+        if (!document.getElementById('timelinePanel').classList.contains('hidden')) {
+          if (typeof renderTimeline === 'function') renderTimeline();
+        }
+        return { ok: true };
+      },
+    },
+
+    clear_timeline: {
+      description: 'Очистить таймлайн (все клипы со всех дорожек). Дорожки остаются.',
+      params: '{}',
+      async handler() {
+        const b = state.currentBoard;
+        if (!b) throw new Error('доска не выбрана');
+        const tl = getTimeline();
+        if (!tl) throw new Error('нет таймлайна');
+        for (const t of tl.tracks) t.clips = [];
+        scheduleSave();
+        if (!document.getElementById('timelinePanel').classList.contains('hidden')) {
+          if (typeof renderTimeline === 'function') renderTimeline();
+        }
+        return { ok: true };
+      },
+    },
+
+    open_timeline: {
+      description: 'Раскрыть панель таймлайна (если скрыта).',
+      params: '{}',
+      async handler() {
+        const panel = document.getElementById('timelinePanel');
+        if (!panel) throw new Error('timeline panel не найдена');
+        if (panel.classList.contains('hidden')) document.getElementById('timelineBtn')?.click();
+        return { ok: true };
+      },
+    },
+
     generate_node: {
       description: 'Запустить генерацию для draft-ноды (image/video/audio/text). Стартует напрямую в фоне БЕЗ показа диалога — не интерактивная UI-форма как regenerateNode.',
       params: '{"id":"<node-id>"}',
@@ -196,8 +313,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 +449,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;
@@ -454,6 +759,11 @@
     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();
@@ -621,6 +931,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>
@@ -668,10 +979,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/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;
@@ -294,17 +303,25 @@
     color: #e0e0e0; white-space: pre-wrap; word-break: break-word;
   }
   .chat-tool {
-    margin-top: 2px; background: #0e0e0e; border: 1px solid #2a2a2a;
-    border-radius: 3px; padding: 2px 6px; font-size: 11px;
+    margin-top: 2px; background: transparent; border: none;
+    padding: 0; font-size: 10.5px; color: #666;
   }
   .chat-tool summary {
-    cursor: pointer; color: #aac; outline: none;
+    cursor: pointer; color: #666; outline: none; opacity: 0.75;
     font-family: ui-monospace, 'SF Mono', monospace;
+    list-style: none; padding: 1px 4px;
+    transition: color 0.1s, opacity 0.1s;
+  }
+  .chat-tool summary::-webkit-details-marker { display: none; }
+  .chat-tool summary::before {
+    content: '▸ '; color: #555; font-size: 9px;
   }
+  .chat-tool[open] summary::before { content: '▾ '; }
+  .chat-tool summary:hover { color: #aaa; opacity: 1; }
   .chat-tool pre {
-    margin: 6px 0 0; color: #888; font-size: 10px;
+    margin: 4px 0 4px 14px; color: #777; font-size: 10px;
     white-space: pre-wrap; word-break: break-all; max-height: 200px;
-    overflow-y: auto;
+    overflow-y: auto; background: #161616; padding: 4px 6px; border-radius: 3px;
   }
   .chat-status {
     color: #888; font-size: 11px; padding: 6px 10px;
@@ -502,12 +519,22 @@
     background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
     background-size: 24px 24px;
   }
+  /* canvas-frame даёт virtual coord-system: canvas внутри сдвинут на
+     PADDING_LEFT/PADDING_TOP (см. CSS-переменные ниже). Это позволяет
+     юзеру скроллить в «отрицательные» координаты (нода с x=-500 видна
+     в frame-координатах = PADDING + (-500) = 1500). Без этого ноды с
+     отрицательным x/y оставались за левым краем и были недоступны. */
   .canvas-frame {
     position: relative;
-    width: 6000px; height: 4000px;
+    --canvas-pad-x: 2000px;
+    --canvas-pad-y: 1500px;
+    width:  calc(6000px + 2 * var(--canvas-pad-x));
+    height: calc(4000px + 2 * var(--canvas-pad-y));
   }
   .canvas {
-    position: absolute; left: 0; top: 0; width: 6000px; height: 4000px;
+    position: absolute;
+    left: var(--canvas-pad-x); top: var(--canvas-pad-y);
+    width: 6000px; height: 4000px;
     transform-origin: 0 0;
     /* `will-change: transform` — постоянная промоция в композитный слой.
        Trade-off: hover/scroll иногда вызывают re-raster плитки (~200ms