kingkont 0.11.5 → 0.13.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.5",
+  "version": "0.13.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+файлы).
@@ -1027,10 +1080,11 @@ async function closeProject() {
   // Помечаем что юзер вышел явно — на следующем старте autoload пропускается.
   // Cmd+R после close = welcome, а не реоткрытие.
   try { localStorage.setItem('welcomeOnNextStart', '1'); } catch {}
-  // Чат привязан к одному проекту — сбрасываем in-memory (НЕ трогая
-  // .kingkont-chat.json на диске; при следующем открытии загрузится).
+  // Чат привязан к одному проекту — flush pending-persist В ТЕКУЩИЙ
+  // filmHandle, потом сбрасываем in-memory. Без flush'а debounced-write
+  // мог бы попасть в новый проект (race на 600ms окно).
   // Прячем панель — на welcome без проекта чат не имеет смысла.
-  if (window.kingChat?.resetInMemory) window.kingChat.resetInMemory();
+  if (window.kingChat?.resetInMemory) await window.kingChat.resetInMemory();
   if (window.kingChat?.close) window.kingChat.close();
   stopExternalWatcher();
   // Сбрасываем UI таймлайна/превью — иначе при возврате через welcome
@@ -1772,7 +1826,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 +1838,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>"}',
@@ -256,6 +373,32 @@
     return lines.join('\n');
   }
 
+  // Контекст-блок для system-prompt: текущая сцена + выделенные ноды +
+  // прикреплённые файлы. Перерисовывается на каждый send().
+  function buildContextBlock(ctx) {
+    const lines = ['=== ТЕКУЩИЙ КОНТЕКСТ ==='];
+    if (ctx.scene) {
+      lines.push(`Активная сцена: ${ctx.scene.kind}/${ctx.scene.name}`);
+    } else {
+      lines.push('Сцена не выбрана.');
+    }
+    if (ctx.selected?.length) {
+      lines.push(`Выделено нод (${ctx.selected.length}):`);
+      for (const s of ctx.selected) {
+        lines.push(`  - id=${s.id} type=${s.type}${s.name ? ` name="${s.name}"` : ''}`);
+      }
+      lines.push('Если юзер говорит «эта», «эти», «выделенные» — он имеет в виду эти ноды.');
+    }
+    if (ctx.attachments?.length) {
+      lines.push(`Прикреплённые файлы (${ctx.attachments.length}):`);
+      for (const a of ctx.attachments) {
+        lines.push(`  - ${a.relPath}  (${a.mime || '?'}, ${a.size || '?'} bytes)`);
+      }
+      lines.push('Файлы лежат в текущей сцене по этим путям. Можешь использовать их в add_node как "file" поле или как референс.');
+    }
+    return lines.join('\n');
+  }
+
   // ============== TOOL-CALL PARSER ==============
   function parseToolCalls(text) {
     const out = [];
@@ -295,14 +438,22 @@
   // Сохраняется debounced на каждое изменение history (см. persistDebounced).
   const CHAT_FILE = '.kingkont-chat.json';
   let _persistTimer = null;
-  async function persistNow() {
-    if (!state.filmHandle) return;
+  // Snapshot filmHandle В МОМЕНТ дебаунса — иначе если юзер переключил
+  // проект пока таймер ждал, persistNow запишет историю A в B.
+  let _persistTargetHandle = null;
+  let _persistTargetHistory = null;
+  async function persistNow(opts = {}) {
+    // По умолчанию пишем в текущий filmHandle (если debounce не успел)
+    // или в targetHandle, который snapshot'нут на момент debounce.
+    const fh0 = opts.handle || _persistTargetHandle || state.filmHandle;
+    const histSnap = opts.history || _persistTargetHistory || history;
+    if (!fh0) return;
     try {
-      const fh = await state.filmHandle.getFileHandle(CHAT_FILE, { create: true });
+      const fh = await fh0.getFileHandle(CHAT_FILE, { create: true });
       const w = await fh.createWritable();
       // Не сохраняем role==='system' (буфер) и tool_result-турны (промежуточные,
       // нужны только модели). При re-load восстановим только pure user/assistant.
-      const persistable = history.filter(m =>
+      const persistable = histSnap.filter(m =>
         m.role !== 'system' &&
         !(m.role === 'user' && m.content?.startsWith('<tool_result>')),
       );
@@ -310,11 +461,29 @@
       await w.close();
     } catch (e) {
       console.warn('[chat] persist failed:', e?.message || e);
+    } finally {
+      // Если только что сохранили pending-дебаунс, чистим target.
+      if (!opts.handle && _persistTargetHandle) {
+        _persistTargetHandle = null;
+        _persistTargetHistory = null;
+      }
     }
   }
   function persistDebounced() {
+    // Snapshot текущего filmHandle и копии history НА МОМЕНТ дебаунса.
+    // На момент срабатывания (через 600ms) state.filmHandle мог уже измениться.
+    _persistTargetHandle = state.filmHandle;
+    _persistTargetHistory = history.slice();
     clearTimeout(_persistTimer);
-    _persistTimer = setTimeout(persistNow, 600);
+    _persistTimer = setTimeout(() => persistNow(), 600);
+  }
+  // Sync-flush: ждём pending-дебаунс прямо сейчас (перед project switch).
+  async function flushPersist() {
+    if (_persistTimer) {
+      clearTimeout(_persistTimer);
+      _persistTimer = null;
+      await persistNow();
+    }
   }
   async function loadHistoryFromCurrentProject() {
     if (!state.filmHandle) { history = []; renderHistory(); return; }
@@ -511,6 +680,93 @@
     }
   }
 
+  // ============== CONTEXT (выделенные ноды + сцена + приложенные файлы) ==============
+  // Контекст-чипы видны над input'ом и автоматически инжектятся в system-prompt
+  // при send(). Файлы сохраняются в <currentBoard>/inbox/<name>.
+  let manualAttachments = [];   // [{relPath, name, size, mime}] — файлы из drag-drop
+
+  function buildContextSnapshot() {
+    const ctx = { scene: null, selected: [], attachments: manualAttachments.slice() };
+    if (state.currentBoard) {
+      ctx.scene = { kind: state.currentBoard.kind, name: state.currentBoard.name };
+    }
+    if (state.selectedNodeIds && state.currentBoard) {
+      const ids = Array.from(state.selectedNodeIds);
+      for (const id of ids) {
+        const n = state.currentBoard.metadata.nodes.find(x => x.id === id);
+        if (n) ctx.selected.push({ id: n.id, type: n.type, name: n.name || null });
+      }
+    }
+    return ctx;
+  }
+
+  function renderContextRow() {
+    const row = document.getElementById('chatContextRow');
+    if (!row) return;
+    row.innerHTML = '';
+    const ctx = buildContextSnapshot();
+    const parts = [];
+    if (ctx.scene) parts.push({ key: 'scene', label: `🎬 ${ctx.scene.name}`, removable: false });
+    for (const sel of ctx.selected) {
+      parts.push({ key: 'sel:' + sel.id, label: `◉ ${sel.type === 'image' ? '🖼' : sel.type === 'video' ? '🎬' : sel.type === 'audio' ? '🎙' : '📝'} ${sel.name || sel.id.slice(0, 6)}`, removable: false });
+    }
+    for (const a of ctx.attachments) {
+      parts.push({ key: 'att:' + a.relPath, label: `📎 ${a.name}`, removable: true, onRemove: () => { manualAttachments = manualAttachments.filter(x => x.relPath !== a.relPath); renderContextRow(); } });
+    }
+    if (!parts.length) { row.style.display = 'none'; return; }
+    row.style.display = '';
+    for (const p of parts) {
+      const chip = document.createElement('span');
+      chip.className = 'chat-chip';
+      chip.textContent = p.label;
+      if (p.removable) {
+        const x = document.createElement('button');
+        x.textContent = '×';
+        x.className = 'chat-chip-x';
+        x.addEventListener('click', e => { e.stopPropagation(); p.onRemove?.(); });
+        chip.appendChild(x);
+      }
+      row.appendChild(chip);
+    }
+  }
+
+  // Drag-drop: сохраняем файл в <currentBoard>/inbox/<unique-name>, регистрируем
+  // как attachment. Чат-tools и Claude увидят его в context-snapshot.
+  async function attachFileToChat(file) {
+    if (!state.currentBoard?.handle) {
+      alert('Сначала открой сцену — файл некуда положить');
+      return;
+    }
+    try {
+      const inbox = await state.currentBoard.handle.getDirectoryHandle('inbox', { create: true });
+      // Уникальное имя — если файл уже есть, добавим (1)/(2).
+      const baseName = (file.name || 'file.bin').replace(/[^\w.\-а-яА-Я]+/g, '_');
+      let name = baseName;
+      let i = 1;
+      while (true) {
+        try { await inbox.getFileHandle(name); }
+        catch { break; }
+        const dot = baseName.lastIndexOf('.');
+        name = dot > 0 ? `${baseName.slice(0, dot)}(${i})${baseName.slice(dot)}` : `${baseName}(${i})`;
+        i++;
+      }
+      const fh = await inbox.getFileHandle(name, { create: true });
+      const w = await fh.createWritable();
+      await w.write(file);
+      await w.close();
+      manualAttachments.push({
+        relPath: `inbox/${name}`,
+        name,
+        size: file.size,
+        mime: file.type || 'application/octet-stream',
+      });
+      renderContextRow();
+      appendStatus(`📎 Прикреплён файл: inbox/${name} (${(file.size/1024).toFixed(0)} KB)`);
+    } catch (e) {
+      alert('Не удалось прикрепить файл: ' + (e?.message || e));
+    }
+  }
+
   // ============== UI ==============
   let history = [];   // [{role: 'user'|'assistant'|'system', content: string, tools?: [...], results?: [...]}]
   let busy = false;
@@ -651,7 +907,11 @@
     renderHistory();
     persistDebounced();
     const status = appendStatus('KingKont думает…');
-    const system = buildSystemPrompt();
+    // Привязываем context-snapshot НА МОМЕНТ send: текущая сцена,
+    // выделенные ноды, прикреплённые файлы. Передаётся в system-prompt
+    // дополнительным блоком — модель видит что у юзера сейчас в фокусе.
+    const ctxSnap = buildContextSnapshot();
+    const system = buildSystemPrompt() + '\n\n' + buildContextBlock(ctxSnap);
     try {
       let iter = 0;
       while (iter < MAX_TOOL_ITERATIONS) {
@@ -811,17 +1071,57 @@
       <div class="chat-header">
         <strong>💬 Чат</strong>
         <span class="spacer"></span>
+        <button id="chatFontMinus" title="Меньше шрифт (Cmd+-)">A−</button>
+        <button id="chatFontPlus" title="Больше шрифт (Cmd++)">A+</button>
         <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 id="chatContextRow" class="chat-context-row"></div>
       <div class="chat-input-row">
-        <textarea id="chatInput" placeholder="Что нужно сделать со сценой? (Cmd+Enter — отправить)" rows="3"></textarea>
+        <textarea id="chatInput" placeholder="Что нужно сделать со сценой? (Cmd+Enter — отправить, можно перетащить файл)" rows="3"></textarea>
         <button id="chatSend" class="primary" title="Отправить (Cmd+Enter)">▶</button>
       </div>
     `;
     document.body.appendChild(panel);
+    // Font scaling: Cmd+/Cmd- ВНУТРИ panel'а меняет --chat-font (px). Сохраняется
+    // в localStorage. Дефолт 13. Ограничиваем 10..22.
+    const _fontInit = parseInt(localStorage.getItem('chatFontPx') || '13', 10);
+    panel.style.setProperty('--chat-font', _fontInit + 'px');
+    function adjustFont(delta) {
+      const cur = parseInt(panel.style.getPropertyValue('--chat-font') || '13', 10);
+      const next = Math.max(10, Math.min(22, cur + delta));
+      panel.style.setProperty('--chat-font', next + 'px');
+      try { localStorage.setItem('chatFontPx', String(next)); } catch {}
+    }
+    $('chatFontPlus')?.addEventListener('click', () => adjustFont(1));
+    $('chatFontMinus')?.addEventListener('click', () => adjustFont(-1));
+    // Cmd+/Cmd- (и Cmd++) пока чат-панель в фокусе — внутри-панельный font scale.
+    panel.addEventListener('keydown', e => {
+      if (!(e.metaKey || e.ctrlKey)) return;
+      if (e.key === '+' || e.key === '=') { e.preventDefault(); adjustFont(1); }
+      else if (e.key === '-') { e.preventDefault(); adjustFont(-1); }
+      else if (e.key === '0') { e.preventDefault(); panel.style.setProperty('--chat-font', '13px'); localStorage.setItem('chatFontPx', '13'); }
+    });
+
+    // === Drag-and-drop файлов в чат: сохраняем в <currentBoard>/inbox/<name>,
+    // добавляем в context, юзер потом может ссылаться при send. ===
+    panel.addEventListener('dragover', e => {
+      if (!e.dataTransfer?.types?.includes?.('Files')) return;
+      e.preventDefault();
+      panel.classList.add('chat-drag');
+    });
+    panel.addEventListener('dragleave', e => {
+      if (e.target === panel) panel.classList.remove('chat-drag');
+    });
+    panel.addEventListener('drop', async e => {
+      panel.classList.remove('chat-drag');
+      const files = Array.from(e.dataTransfer?.files || []);
+      if (!files.length) return;
+      e.preventDefault();
+      for (const f of files) await attachFileToChat(f);
+    });
     $('chatClose').addEventListener('click', () => panel.classList.add('hidden'));
     $('chatClear').addEventListener('click', () => {
       if (!confirm('Очистить историю чата?')) return;
@@ -851,10 +1151,29 @@
       // Отрисовываем сохранённую историю при показе (на случай если она
       // была подгружена в фоне через loadFromCurrentProject до первого toggle).
       renderHistory();
+      renderContextRow();
       setTimeout(() => $('chatInput')?.focus(), 50);
     }
   }
 
+  // Поллинг изменений выделения / текущей сцены для авто-update context-row.
+  // Селекшен меняется в множестве мест без единого event'а — проще опрашивать.
+  // Комфортная частота 500ms — overhead nil, но реактивно для юзера.
+  let _ctxLastSig = '';
+  setInterval(() => {
+    const panel = document.getElementById('chatPanel');
+    if (!panel || panel.classList.contains('hidden')) return;
+    const ctx = buildContextSnapshot();
+    const sig = JSON.stringify({
+      s: ctx.scene?.name || null,
+      sel: ctx.selected.map(x => x.id),
+      att: ctx.attachments.map(x => x.relPath),
+    });
+    if (sig === _ctxLastSig) return;
+    _ctxLastSig = sig;
+    renderContextRow();
+  }, 500);
+
   // Public API.
   window.kingChat = {
     toggle,
@@ -863,12 +1182,17 @@
     send,
     // User-clear: чистит И на диске тоже (юзер явно нажал ⌫).
     clear: () => { history = []; snapshots = []; renderHistory(); renderSnapshotBar(); persistNow().catch(() => {}); },
-    // Reset-on-close: только in-memory + UI, на диске НЕ трогает (история
-    // должна остаться чтобы при следующем открытии того же проекта подгрузилась).
-    // Snapshots сбрасываем тоже — они привязаны к текущему filmHandle.
-    resetInMemory: () => { history = []; snapshots = []; renderHistory(); renderSnapshotBar(); },
+    // Reset-on-close: ФЛАШИМ pending-дебаунс В ТЕКУЩИЙ filmHandle (чтобы
+    // история не утекла в следующий проект), потом чистим in-memory.
+    // На диске история того проекта остаётся — re-open подгрузит.
+    resetInMemory: async () => {
+      try { await flushPersist(); } catch {}
+      history = []; snapshots = [];
+      renderHistory(); renderSnapshotBar();
+    },
     // board.js зовёт после openFilm чтобы подгрузить chat-историю проекта.
     loadFromCurrentProject: () => loadHistoryFromCurrentProject(),
+    flushPersist,
     tools: TOOLS,
   };
 

package/renderer/styles.css

@@ -255,7 +255,36 @@
     display: flex; flex-direction: column;
     z-index: 80;
     box-shadow: -8px 0 32px rgba(0,0,0,0.4);
+    /* --chat-font задаётся inline в chat.js (Cmd+/Cmd-). Дефолт 13px. */
+    font-size: var(--chat-font, 13px);
+  }
+  .chat-panel.chat-drag::before {
+    content: '📎 Отпусти, чтобы прикрепить файл к чату';
+    position: absolute; inset: 0; z-index: 100;
+    background: rgba(227, 51, 119, 0.18);
+    border: 2px dashed #e33377; border-radius: 8px;
+    display: flex; align-items: center; justify-content: center;
+    color: #fff; font-size: 16px; font-weight: 600;
+    pointer-events: none;
+  }
+  .chat-context-row {
+    display: flex; flex-wrap: wrap; gap: 4px;
+    padding: 6px 10px;
+    background: #1a1a1a; border-top: 1px solid #2a2a2a;
+  }
+  .chat-context-row:empty { display: none; }
+  .chat-chip {
+    display: inline-flex; align-items: center; gap: 4px;
+    background: #232a36; border: 1px solid #2c3848;
+    color: #aac; font-size: 11px;
+    padding: 2px 8px; border-radius: 999px;
+    max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
   }
+  .chat-chip-x {
+    background: transparent; border: none; color: #889;
+    cursor: pointer; font-size: 13px; padding: 0 2px; line-height: 1;
+  }
+  .chat-chip-x:hover { color: #f88; }
   .chat-panel.hidden { display: none; }
   .chat-header {
     display: flex; align-items: center; gap: 6px;
@@ -284,7 +313,7 @@
   .chat-msg {
     display: flex; flex-direction: column; gap: 2px;
     padding: 6px 10px; border-radius: 6px;
-    font-size: 13px; line-height: 1.45;
+    font-size: inherit; line-height: 1.45;   /* наследуем --chat-font от .chat-panel */
   }
   .chat-msg-user { background: #1f2a3a; border: 1px solid #2a3a4a; }
   .chat-msg-assistant { background: #1f1f1f; border: 1px solid #2a2a2a; }
@@ -303,17 +332,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;
@@ -328,7 +365,7 @@
   .chat-input-row textarea {
     flex: 1; resize: vertical; min-height: 50px; max-height: 200px;
     background: #0e0e0e; color: #e0e0e0; border: 1px solid #333;
-    border-radius: 4px; padding: 8px; font-size: 13px; font-family: inherit;
+    border-radius: 4px; padding: 8px; font-size: inherit; font-family: inherit;
   }
   .chat-input-row textarea:focus { outline: none; border-color: #4a6a9a; }
   .chat-input-row button {
@@ -511,12 +548,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