kingkont 0.12.0 → 0.13.1

package/package.json

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

package/renderer/board.js

@@ -1080,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

package/renderer/chat.js

@@ -373,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 = [];
@@ -412,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>')),
       );
@@ -427,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; }
@@ -628,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;
@@ -768,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) {
@@ -928,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;
@@ -968,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,
@@ -980,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/media.js

@@ -14,31 +14,59 @@ const _canvasFrame = $('canvasFrame');
 // layout-affecting свойство, его смена на каждом wheel-tick форсила 751ms Layout.
 // Транформ на canvas идёт через GPU (will-change: transform → composited),
 // scroll-bounds во время burst могут быть слегка off, на idle подстраиваются.
+// Канвас-frame теперь с padding'ом вокруг .canvas (см. styles.css
+// .canvas-frame --canvas-pad-x/y). Координаты:
+//   - frame-coords: 0..(6000*z + 2*padX). Лево-верх frame = (0,0).
+//   - canvas-coords: 0..6000 (до scale). Канвас расположен в frame'е
+//     по offset (padX, padY) и масштабирован transform: scale(z).
+//   - mouseInFrame = scrollLeft + (mouseClient - wrapClient)
+//   - contentCoord = (mouseInFrame - padX) / z
+function _getFramePadding() {
+  const cs = getComputedStyle(_canvasFrame);
+  return {
+    padX: parseInt(cs.getPropertyValue('--canvas-pad-x')) || 0,
+    padY: parseInt(cs.getPropertyValue('--canvas-pad-y')) || 0,
+  };
+}
 let _frameSizeTimer = null;
 function applyZoomStyles(z) {
   canvas.style.transform = `scale(${z})`;
   clearTimeout(_frameSizeTimer);
   _frameSizeTimer = setTimeout(() => {
     _frameSizeTimer = null;
-    _canvasFrame.style.width  = (6000 * z) + 'px';
-    _canvasFrame.style.height = (4000 * z) + 'px';
+    const { padX, padY } = _getFramePadding();
+    // Frame-размер = scaled-canvas + padding с обеих сторон.
+    // Раньше padding не учитывался → frame ужимался при zoom-out → весь
+    // padding-skill терялся, ноды с отрицательными coord'ами становились
+    // неперехватываемыми скроллом.
+    _canvasFrame.style.width  = (6000 * z + 2 * padX) + 'px';
+    _canvasFrame.style.height = (4000 * z + 2 * padY) + 'px';
   }, 200);
 }
 function applyZoom(nextZoom, anchorClientX, anchorClientY) {
   nextZoom = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, nextZoom));
   if (nextZoom === state.zoom) return;
   const rect = canvasWrap.getBoundingClientRect();
-  // Если якорь не задан — берём центр видимой области
+  const { padX, padY } = _getFramePadding();
+  // Якорь = mouse client coord (или центр если не задан).
   const ax = anchorClientX ?? (rect.left + rect.width / 2);
   const ay = anchorClientY ?? (rect.top + rect.height / 2);
-  const visualX = canvasWrap.scrollLeft + (ax - rect.left);
-  const visualY = canvasWrap.scrollTop  + (ay - rect.top);
-  const contentX = visualX / state.zoom;
-  const contentY = visualY / state.zoom;
+  // mouse внутри wrap (без учёта scroll).
+  const mouseWrapX = ax - rect.left;
+  const mouseWrapY = ay - rect.top;
+  // mouse в frame-coords (со scroll).
+  const mouseFrameX = canvasWrap.scrollLeft + mouseWrapX;
+  const mouseFrameY = canvasWrap.scrollTop  + mouseWrapY;
+  // mouse в canvas content-coords (вычитаем padding и делим на zoom).
+  const contentX = (mouseFrameX - padX) / state.zoom;
+  const contentY = (mouseFrameY - padY) / state.zoom;
   state.zoom = nextZoom;
   applyZoomStyles(nextZoom);
-  canvasWrap.scrollLeft = contentX * nextZoom - (ax - rect.left);
-  canvasWrap.scrollTop  = contentY * nextZoom - (ay - rect.top);
+  // После нового zoom: contentCoord должен оказаться там же где был курсор.
+  // newMouseFrame = contentCoord * nextZoom + padX
+  // newScrollLeft = newMouseFrame - mouseWrapX
+  canvasWrap.scrollLeft = contentX * nextZoom + padX - mouseWrapX;
+  canvasWrap.scrollTop  = contentY * nextZoom + padY - mouseWrapY;
   $('zoomLabel').textContent = Math.round(nextZoom * 100) + '%';
   scheduleViewSave();
 }

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; }
@@ -336,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 {