kingkont 0.20.16 → 0.20.18

package/renderer/generate.js

@@ -516,6 +516,13 @@ $('textGenSubmit').addEventListener('click', async () => {
   // Собираем image-mentions из промпта (видение для модели). Видео/audio в
   // OpenRouter chat не поддерживается — игнорируем.
   const allMediaRefs = (typeof gatherMediaRefs === 'function') ? gatherMediaRefs(rawPrompt) : [];
+  // + источник pendingConnectionFrom (anchor-drag → новая text-нода): если
+  // юзер протянул из image-ноды в gen-text, картинка автоматически попадает
+  // в контекст. Видео-источники для text-gen бесполезны (OpenRouter chat
+  // их не съест), но мы оставляем в общем списке — фильтр ниже их уберёт.
+  for (const pf of _pendingConnectionFromRef()) {
+    if (!allMediaRefs.some(r => r.file === pf.file)) allMediaRefs.push(pf);
+  }
   const imageRefs = allMediaRefs.filter(r => r.type === 'image' && r.file);
   // Резолвим mentions: text-ноды → инлайн .md, image-ноды → маркеры [image N].
   const resolvedPrompt = (typeof resolveMentions === 'function') ? resolveMentions(rawPrompt, imageRefs) : rawPrompt;
@@ -1202,6 +1209,63 @@ function presetPicksForBoard() {
   if (b?.kind === 'location' && b.name)  state.pickedLocName = b.name;
 }
 
+// Собирает image/video ноды, ИЗ которых есть connection В targetNodeId.
+// Юзер: «если в ноду 'входит' несколько других нод-картинок или 'нод-видео'
+// — подавай их тоже как референсы». Когда граф уже выражает связь
+// (юзер протянул стрелку), не заставляем юзера ещё и писать @name в
+// промпте — автоматически подмешиваем источники к refs.
+// Используется в:
+//   • genSubmit (новая нода) — для state.pendingConnectionFrom (anchor-drag)
+//     это уже учитывается отдельно, т.к. там ещё нет node.id; здесь же
+//     полезно когда юзер ставит несколько связей через drag-line ДО
+//     запуска gen-modal'а (редкий кейс).
+//   • regenerateInto (существующая нода) — все incoming-edges с
+//     image/video-источниками. Главный кейс: юзер связал draft-ноду с
+//     несколькими картинками и нажал «↻ Перегенерировать».
+function gatherIncomingMediaRefs(targetNodeId) {
+  const refs = [];
+  const board = state.currentBoard;
+  if (!board || !targetNodeId) return refs;
+  const conns = board.metadata.connections || [];
+  const nodes = board.metadata.nodes || [];
+  for (const c of conns) {
+    if (c.to !== targetNodeId) continue;
+    const src = nodes.find(n => n.id === c.from);
+    if (!src) continue;
+    if (src.type !== 'image' && src.type !== 'video') continue;
+    if (!src.file) continue; // источник ещё не готов — не блокируем gen, просто пропускаем
+    refs.push({
+      key: `incoming:${src.id}`,
+      name: src.name || src.file.split('/').pop(),
+      type: src.type,
+      file: src.file,
+      boardHandle: board.handle,
+    });
+  }
+  return refs;
+}
+
+// Источник pendingConnectionFrom (для NEW ноды, когда node.id ещё не
+// существует). Возвращает массив с одним рефом или пустой.
+function _pendingConnectionFromRef() {
+  const refs = [];
+  if (!state.pendingConnectionFrom) return refs;
+  const board = state.currentBoard;
+  if (!board) return refs;
+  const src = (board.metadata.nodes || []).find(n => n.id === state.pendingConnectionFrom);
+  if (!src) return refs;
+  if (src.type !== 'image' && src.type !== 'video') return refs;
+  if (!src.file) return refs;
+  refs.push({
+    key: `incoming:${src.id}`,
+    name: src.name || src.file.split('/').pop(),
+    type: src.type,
+    file: src.file,
+    boardHandle: board.handle,
+  });
+  return refs;
+}
+
 // Собрать рефы из выбранных персонажей и локации (sheet'ы)
 function gatherPickedSheetRefs() {
   const refs = [];
@@ -1715,6 +1779,14 @@ $('genSubmit').addEventListener('click', async () => {
     if (mediaRefs.some(r => r.file === pr.file && r.boardHandle === pr.boardHandle)) continue;
     mediaRefs.push(pr);
   }
+  // Incoming-edge источник для НОВОЙ ноды (anchor-drag из image/video ноды).
+  // Юзер: «если в ноду 'входит' нода-картинка/видео — подавай её тоже как
+  // референс». Для NEW ноды есть только pendingConnectionFrom (один источник);
+  // существующая нода с множественными incoming обрабатывается в regenerateInto.
+  for (const pf of _pendingConnectionFromRef()) {
+    if (mediaRefs.some(r => r.file === pf.file && r.boardHandle === pf.boardHandle)) continue;
+    mediaRefs.push(pf);
+  }
   const missing = mediaRefs.filter(r => !r.file || r.status === 'generating');
   if (missing.length) {
     alert('Эти ноды ещё не готовы: ' + missing.map(m => '@' + m.name).join(', '));
@@ -1974,9 +2046,13 @@ async function startGenerationJob(node, kind, prompt, mediaRefs, boardHandle, bK
     // Так per-board настройка перебивает глобальный фоллбэк.
     const boardAspect = state.currentBoard?.metadata?.settings?.aspectRatio || null;
     if (kind === 'video') {
-      submitBody.duration = node.generated?.duration ?? state.videoDuration;
+      // Явное приведение к Number — иначе если state.videoDuration хранится
+      // строкой ("8") chatium-side ALLOWED_PARAMS пропустит, но Replicate
+      // может молча проигнорировать и взять дефолт.
+      submitBody.duration = +(node.generated?.duration ?? state.videoDuration) || 5;
       submitBody.resolution = node.generated?.resolution ?? state.videoResolution;
       submitBody.aspectRatio = node.generated?.aspectRatio ?? boardAspect ?? state.videoAspect;
+      logJob(node.id, `video params: duration=${submitBody.duration}s resolution=${submitBody.resolution} aspect=${submitBody.aspectRatio} model=${modelKey}`);
     } else if (kind === 'image') {
       // Grok-imagine требует aspect_ratio из {2:3, 3:2, 1:1, 9:16, 16:9}.
       // Остальные модели (nano-banana-2, seedream и др.) тоже принимают.

package/renderer/media.js

@@ -94,22 +94,117 @@ $('zoomIn').addEventListener('click',  () => applyZoom(state.zoom * 1.25));
 $('zoomOut').addEventListener('click', () => applyZoom(state.zoom / 1.25));
 $('zoomLabel').addEventListener('click', () => applyZoom(1));
 
-// Сохранение pan/zoom для текущей доски
+// =================== Pinch-zoom (touch) ===================
+// Мобильный/таблет: pinch двумя пальцами → zoom вокруг midpoint двух тачей.
+// Браузерный native pinch-zoom (visualViewport) масштабирует ВЕСЬ layout
+// и ломает координаты — поэтому touch-action: pan-x pan-y отключает его в
+// view-only-mode (см. styles.css), а мы делаем canvas-zoom вручную через
+// applyZoom() с координатным якорем посередине pinch'а.
+// Якорь = midpoint двух touch'ей в client-coords (как у wheel-ctrl-zoom).
+// Ratio = currentDist / startDist → applyZoom(startZoom * ratio, midX, midY).
+let _pinchStartDist = 0;
+let _pinchStartZoom = 1;
+let _pinchActive = false;
+let _pinchRaf = null;
+let _pinchPendingMid = null;
+function _touchDist(t1, t2) {
+  const dx = t2.clientX - t1.clientX;
+  const dy = t2.clientY - t1.clientY;
+  return Math.hypot(dx, dy);
+}
+function _touchMid(t1, t2) {
+  return { x: (t1.clientX + t2.clientX) / 2, y: (t1.clientY + t2.clientY) / 2 };
+}
+canvasWrap.addEventListener('touchstart', e => {
+  if (e.touches.length === 2) {
+    _pinchActive = true;
+    _pinchStartDist = _touchDist(e.touches[0], e.touches[1]);
+    _pinchStartZoom = state.zoom;
+    // Предотвращаем native pinch только если у нас 2-touch жест.
+    // 1-touch (pan) пропускаем — native scroll работает.
+    e.preventDefault();
+  }
+}, { passive: false });
+canvasWrap.addEventListener('touchmove', e => {
+  if (!_pinchActive || e.touches.length !== 2) return;
+  e.preventDefault();
+  const dist = _touchDist(e.touches[0], e.touches[1]);
+  const mid = _touchMid(e.touches[0], e.touches[1]);
+  if (_pinchStartDist <= 0) return;
+  const ratio = dist / _pinchStartDist;
+  _pinchPendingMid = { mid, target: _pinchStartZoom * ratio };
+  if (_pinchRaf) return;
+  _pinchRaf = requestAnimationFrame(() => {
+    _pinchRaf = null;
+    const p = _pinchPendingMid;
+    if (!p) return;
+    applyZoom(p.target, p.mid.x, p.mid.y);
+  });
+}, { passive: false });
+function _endPinch() {
+  _pinchActive = false;
+  _pinchStartDist = 0;
+  if (_pinchRaf) { cancelAnimationFrame(_pinchRaf); _pinchRaf = null; }
+  _pinchPendingMid = null;
+}
+canvasWrap.addEventListener('touchend', e => {
+  if (e.touches.length < 2) _endPinch();
+});
+canvasWrap.addEventListener('touchcancel', _endPinch);
+
+// Сохранение pan/zoom для текущей доски.
+// Раньше 400ms debounce: scroll → 400ms wait → set view → scheduleSave 300ms
+// → write. Юзер закрывал таб быстрее → save не успевал → позиция терялась.
+// Теперь 100ms debounce + явный flush на pagehide/beforeunload.
 let viewSaveTimer = null;
+function _updateViewFromScroll() {
+  if (!state.currentBoard) return;
+  state.currentBoard.metadata.view = {
+    scrollLeft: canvasWrap.scrollLeft,
+    scrollTop:  canvasWrap.scrollTop,
+    zoom: state.zoom,
+  };
+}
 function scheduleViewSave() {
   if (!state.currentBoard) return;
   clearTimeout(viewSaveTimer);
   viewSaveTimer = setTimeout(() => {
-    if (!state.currentBoard) return;
-    state.currentBoard.metadata.view = {
-      scrollLeft: canvasWrap.scrollLeft,
-      scrollTop:  canvasWrap.scrollTop,
-      zoom: state.zoom,
-    };
+    _updateViewFromScroll();
     scheduleSave();
-  }, 400);
+  }, 100);
 }
 canvasWrap.addEventListener('scroll', scheduleViewSave);
+// На выгрузке страницы: немедленно перенесём scroll в metadata + flush
+// save СРАЗУ (минуя debounce). Без этого юзер скроллил, закрывал таб через
+// 200мс — viewSaveTimer не успевал отстреляться. Используем 'pagehide'
+// (срабатывает на close-tab/navigate AND back-forward-cache), плюс
+// 'visibilitychange' с 'hidden' (более надёжно на mobile/system-sleep).
+function _flushViewSave() {
+  if (!state.currentBoard) return;
+  clearTimeout(viewSaveTimer);
+  _updateViewFromScroll();
+  // Прямой синхронный вызов сохранения вместо scheduleSave (которое
+  // ставит ещё один 300ms timer и тоже может не успеть на unload).
+  clearTimeout(saveTimer); saveTimer = null;
+  _runSaveNow().catch(() => {});
+}
+window.addEventListener('pagehide', _flushViewSave);
+window.addEventListener('beforeunload', _flushViewSave);
+document.addEventListener('visibilitychange', () => {
+  if (document.visibilityState === 'hidden') _flushViewSave();
+});
+// Глобальный flush — зовётся из closeProject ПЕРЕД обнулением state.currentBoard.
+// Без этого pending viewSaveTimer/saveTimer срабатывали уже после того как
+// state.currentBoard стал null → write скипался → позиция терялась.
+// (closeProject уже вызывал `window.flushScheduledSave` через typeof-guard,
+//  но функция нигде не была определена — guard скрывал баг.)
+window.flushScheduledSave = async function () {
+  if (!state.currentBoard) return;
+  clearTimeout(viewSaveTimer);
+  clearTimeout(saveTimer); saveTimer = null;
+  _updateViewFromScroll();
+  await _runSaveNow();
+};
 
 // =================== Скачивание аудио на выбранной скорости (ffmpeg.wasm atempo) ===================
 let ffmpegInstance = null;
@@ -748,6 +843,17 @@ async function regenerateInto(node, kind, rawPrompt, opts = {}) {
       if (refs.some(r => r.file === pr.file && r.boardHandle === pr.boardHandle)) continue;
       refs.push(pr);
     }
+    // Incoming-edge refs: для text-нод OpenRouter chat принимает image-входы.
+    // Юзер: «если в ноду 'входит' нода-картинка/видео — подавай её как реф».
+    // Видео для text-gen бесполезно (модели не глотают video frames в chat
+    // API), поэтому фильтруем по image.
+    if (typeof gatherIncomingMediaRefs === 'function') {
+      for (const ir of gatherIncomingMediaRefs(node.id)) {
+        if (ir.type !== 'image') continue;
+        if (refs.some(r => r.file === ir.file && r.boardHandle === ir.boardHandle)) continue;
+        refs.push(ir);
+      }
+    }
     const missing = refs.filter(r => !r.file || r.status === 'generating');
     if (missing.length) {
       alert('Эти ноды ещё не готовы: ' + missing.map(m => '@' + (m.name || m.id)).join(', '));
@@ -780,6 +886,17 @@ async function regenerateInto(node, kind, rawPrompt, opts = {}) {
       if (refs.some(r => r.file === pr.file && r.boardHandle === pr.boardHandle)) continue;
       refs.push(pr);
     }
+    // Incoming-edge refs (image/video → image/video нода). Юзер: «если в
+    // ноду 'входит' несколько других нод-картинок или 'нод-видео' —
+    // подавай их тоже как референсы». Граф уже выражает связь, не нужно
+    // дублировать через @name в промпте. Берём ВСЕ incoming media-источники
+    // — не только pending-anchor, как для NEW ноды.
+    if (typeof gatherIncomingMediaRefs === 'function') {
+      for (const ir of gatherIncomingMediaRefs(node.id)) {
+        if (refs.some(r => r.file === ir.file && r.boardHandle === ir.boardHandle)) continue;
+        refs.push(ir);
+      }
+    }
     const missing = refs.filter(r => !r.file || r.status === 'generating');
     if (missing.length) {
       alert('Эти ноды ещё не готовы: ' + missing.map(m => '@' + (m.name || m.id)).join(', '));

package/renderer/settings.js

@@ -552,23 +552,15 @@ async function renderNodeBody(node, body) {
       playRow.appendChild(playBtn);
       body.appendChild(playRow);
     }
-    // Описание (опц.) — для image/video нод. Юзер: «под каждой нодой
-    // картинки или видео должно быть возможно добавить описание».
-    // Хранится в node.description (scene.json). Показываем всегда (даже
-    // пустым) — клик в textarea = начать писать.
-    if (node.type === 'image' || node.type === 'video') {
-      const desc = document.createElement('textarea');
-      desc.className = 'node-description';
-      desc.placeholder = 'Описание (опц.)';
-      desc.value = node.description || '';
-      desc.rows = 1;
-      desc.addEventListener('mousedown', e => e.stopPropagation());
-      desc.addEventListener('input', () => {
-        node.description = desc.value;
-        scheduleSave();
-      });
-      body.appendChild(desc);
-    }
+    // Описание (опц.) — read-only текст под медиа. Редактирование через
+    // ПКМ «📝 Изменить описание…» (открывает большую textarea-модалку).
+    // ВАЖНО: рендерится НЕ внутри .node (image/video задают фиксированный
+    // aspect-ratio высоты, всё ниже обрезается content-visibility:auto
+    // и paint-containment). Юзер: «давай попробуем показать описание
+    // ВНЕ этой ноды, но так чтобы оно с ней перемещалось». Описание —
+    // отдельный sibling-элемент `.node-description-outside` на canvas'е,
+    // позиционируется в (node.x, node.y+node.height+4), width=node.width.
+    // Перемещается через ensureNodeDescriptionEl (вызывается из drag/resize).
   } else if (node.type === 'image' && !node.file && (node.generated?.rawPrompt || node.generated?.prompt)) {
     // Image-нода с промптом, но без файла (ещё не генерилась).
     // Кнопка ▶ Запустить — сверху (без декоративной 🖼-иконки и
@@ -589,6 +581,48 @@ async function renderNodeBody(node, body) {
   }
 }
 
+// Описание image/video-ноды отрисовывается ВНЕ ноды (sibling на canvas'е).
+// Раньше пробовали инлайн внутри .node — но image/video задают высоту через
+// aspect-ratio + paint-containment у .node клипит всё что вне bbox. Юзер:
+// «попробуем показать описание ВНЕ этой ноды, но так чтобы оно с ней
+// перемещалось… совпадало с ней по ширине, а высота — сколько займет текст».
+// Идемпотентно: пересоздаёт DOM, если описание изменилось/добавилось/удалилось.
+function ensureNodeDescriptionEl(node) {
+  if (!node) return null;
+  const canvasEl = document.getElementById('canvas');
+  if (!canvasEl) return null;
+  const text = (node.type === 'image' || node.type === 'video') ? (node.description || '').trim() : '';
+  const sel = `.node-description-outside[data-desc-for="${node.id}"]`;
+  let el = canvasEl.querySelector(sel);
+  if (!text) {
+    // Описания нет — удаляем sidecar.
+    if (el) el.remove();
+    return null;
+  }
+  if (!el) {
+    el = document.createElement('div');
+    el.className = 'node-description-outside';
+    el.dataset.descFor = node.id;
+    canvasEl.appendChild(el);
+  }
+  if (el.textContent !== text) el.textContent = text;
+  positionNodeDescriptionEl(node, el);
+  return el;
+}
+function positionNodeDescriptionEl(node, el) {
+  if (!el) el = document.querySelector(`.node-description-outside[data-desc-for="${node.id}"]`);
+  if (!el) return;
+  const w = node.width || 280;
+  const h = node.height || 200;
+  const GAP = 4;
+  el.style.left  = node.x + 'px';
+  el.style.top   = (node.y + h + GAP) + 'px';
+  el.style.width = w + 'px';
+}
+function removeNodeDescriptionEl(nodeId) {
+  const el = document.querySelector(`.node-description-outside[data-desc-for="${nodeId}"]`);
+  if (el) el.remove();
+}
 // Подгоняет node.height под natural-aspect медиа (image/video). Сохраняет
 // текущую node.width, пересчитывает height = width * (natH/natW) + chrome.
 // Без этого после генерации (или history-undo на ноду с другим aspect'ом)
@@ -612,6 +646,7 @@ function fitNodeHeightToMedia(node, nodeEl, mediaEl) {
   node.height = newH;
   nodeEl.style.height = newH + 'px';
   if (typeof renderConnections === 'function') renderConnections();
+  positionNodeDescriptionEl(node);
   scheduleSave();
 }
 
@@ -916,6 +951,8 @@ function attachResize(el, node, handle) {
       // out, левая для in) считаются от node.x/y/width/height, поэтому при
       // resize bezier должен следовать за новым размером.
       renderConnections();
+      // Sidecar-описание подстраивается под новую ширину/высоту.
+      positionNodeDescriptionEl(node);
     };
     const onUp = () => {
       document.removeEventListener('mousemove', onMove);
@@ -1055,10 +1092,15 @@ function makeDragHandler(el, node) {
       const dxNode = (ev.clientX - startX) / state.zoom;
       const dyNode = (ev.clientY - startY) / state.zoom;
       for (const t of dragTargets) {
-        t.node.x = Math.max(0, t.origX + dxNode);
-        t.node.y = Math.max(0, t.origY + dyNode);
+        // Раньше клампали в Math.max(0,...) — но canvas-frame отрисовывает
+        // отрицательную зону вокруг canvas (padX=2000), и юзер видит её.
+        // Юзер: «нужно позволить сдвигать выше и левее нуля».
+        t.node.x = t.origX + dxNode;
+        t.node.y = t.origY + dyNode;
         t.el.style.left = t.node.x + 'px';
         t.el.style.top  = t.node.y + 'px';
+        // Sidecar-описание движется вместе с нодой (тот же x, top чуть ниже).
+        positionNodeDescriptionEl(t.node);
       }
       renderConnections();
     };
@@ -1198,6 +1240,8 @@ async function deleteNode(node, el) {
     renderConnections();
   }
   if (el) el.remove();
+  // Sidecar-описание (если было) — уезжает вместе с нодой.
+  removeNodeDescriptionEl(node.id);
   // Записываем history ПОСЛЕ — но snapshot был снят ДО мутации
   const h = _getHistory();
   if (h) {
@@ -1286,6 +1330,7 @@ async function deleteSelectedNodes() {
   for (const id of ids) {
     const el = canvas.querySelector(`.node[data-id="${id}"]`);
     if (el) el.remove();
+    removeNodeDescriptionEl(id);
   }
   state.selectedNodeIds.clear();
   renderConnections();

package/renderer/state.js

@@ -6,6 +6,32 @@
 // видят друг друга по именам, без import/export. Порядок загрузки
 // важен: см. <script> теги внизу index.html.
 
+// === File-логгер (Electron only): дублируем console.* в userData/app.log,
+// чтобы агент-помощник (Claude) мог анализировать историю. На web (без
+// window.appLog) — noop. ====================================================
+(function _hookConsoleToAppLog() {
+  if (!window.appLog?.write) return;
+  const fmt = a => {
+    if (a instanceof Error) return a.stack || a.message || String(a);
+    if (typeof a === 'string') return a;
+    try { return JSON.stringify(a); } catch { return String(a); }
+  };
+  const wrap = (orig, level) => (...args) => {
+    try { window.appLog.write(level, args.map(fmt).join(' ')); } catch {}
+    orig.apply(console, args);
+  };
+  console.log   = wrap(console.log,   'log');
+  console.warn  = wrap(console.warn,  'warn');
+  console.error = wrap(console.error, 'error');
+  // Подхватываем uncaught/unhandled — стек туда же.
+  window.addEventListener('error', e => {
+    try { window.appLog.write('uncaught', `${e.message} @ ${e.filename}:${e.lineno}:${e.colno}\n${e.error?.stack || ''}`); } catch {}
+  });
+  window.addEventListener('unhandledrejection', e => {
+    try { window.appLog.write('unhandled', `${e.reason?.message || e.reason}\n${e.reason?.stack || ''}`); } catch {}
+  });
+})();
+
 // =================== IndexedDB (хэндл папки фильма) ===================
 const DB_NAME = 'video-editor';
 const STORE = 'handles';

package/renderer/styles.css

@@ -110,18 +110,47 @@
     width: 36px; height: 36px; flex-shrink: 0; object-fit: contain;
     background: #1a1a1a; border-radius: 8px; padding: 4px;
   }
-  /* Описание под image/video нодой. Auto-grow по содержимому. */
-  .node .node-description {
-    width: 100%; min-height: 28px; max-height: 120px;
-    margin-top: 6px; padding: 4px 6px;
+  /* Описание под image/video нодой. Раньше пробовали рендерить ВНУТРИ .node,
+     но image/video задают фиксированный aspect-ratio высоту, а .node клипит
+     overflow (content-visibility:auto + paint-containment) — текст ниже не
+     был виден. Теперь описание — отдельный sibling-элемент на canvas'е
+     (`.node-description-outside`), позиционируется в (node.x, node.y+h+gap),
+     ширина = node.width, высота = auto по контенту. См. ensureNodeDescriptionEl
+     в settings.js (вызывается из renderCanvas / drag / resize / ПКМ-меню). */
+  .node-description-outside {
+    position: absolute;
+    padding: 6px 8px;
     background: #1e1e1e; color: #ccc;
-    border: 1px solid #333; border-radius: 3px;
-    font-family: inherit; font-size: 12px; line-height: 1.4;
-    resize: vertical; box-sizing: border-box;
-    outline: none;
+    border-left: 2px solid #4a6a9a; border-radius: 2px;
+    font-size: 12px; line-height: 1.4;
+    white-space: pre-wrap; word-wrap: break-word;
+    box-sizing: border-box;
+    user-select: text; -webkit-user-select: text; cursor: text;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
+    z-index: 2;
+    pointer-events: auto;
+  }
+  /* Legacy: оставляем класс для совместимости (вдруг где-то ещё ссылается). */
+  .node .node-description { display: none; }
+
+  /* Большая явная кнопка «Перейти → <имя сцены>» снизу ноды. Видна когда
+     node.linkedBoard.name задан (см. refreshNodeLinkBadge). Position:
+     absolute, чуть выше нижней границы ноды; перекрывает контент только
+     визуально (pointer-events:auto только на кнопке). */
+  .node .link-go-btn {
+    position: absolute; left: 8px; right: 8px; bottom: 6px;
+    padding: 5px 10px; font-size: 11px; font-weight: 500;
+    background: #2a3854; color: #aac8e6;
+    border: 1px solid #4a6a9a; border-radius: 4px;
+    cursor: pointer; text-align: center;
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+    transition: background 0.12s;
+    z-index: 4;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
   }
-  .node .node-description:focus { border-color: #4a6a9a; }
-  .node .node-description::placeholder { color: #555; }
+  .node .link-go-btn:hover { background: #3a5a8a; color: #fff; }
+  /* В drawing-нодах (тонкая стрелка) кнопка визуально странная — не показываем. */
+  .node.drawing-node .link-go-btn { display: none !important; }
 
   /* Link-badge: значок 🔗 на ноде когда у неё есть linkedBoard. Лежит в
      правом-верхнем углу, кликабельный (= dblclick: открыть target-сцену).
@@ -141,6 +170,44 @@
      к левому-верху самой bbox'ы. */
   .node.drawing-node .link-badge { top: 4px; right: 4px; }
 
+  /* Мобильный бургер для template/view-only. По умолчанию скрыт — показывается
+     только на узких экранах в view-only-mode (template-просмотр). В edit-режиме
+     юзер обычно на десктопе, sidebar нужен постоянно. */
+  .kk-mobile-burger {
+    display: none; padding: 6px 10px; font-size: 18px; line-height: 1;
+    background: transparent; color: #ccc; border: 1px solid #444;
+    border-radius: 4px; cursor: pointer;
+  }
+  .kk-mobile-burger:hover { background: #2a2a2a; color: #fff; }
+  @media (max-width: 768px) {
+    body.view-only-mode .kk-mobile-burger { display: inline-flex; }
+    /* Sidebar в шторку (slide-in). Position:fixed чтобы перекрывать canvas. */
+    body.view-only-mode .sidebar {
+      position: fixed; left: 0; top: 0; height: 100vh; z-index: 90;
+      transform: translateX(-100%); transition: transform 0.2s ease;
+      box-shadow: 4px 0 16px rgba(0,0,0,0.5);
+    }
+    body.view-only-mode.sidebar-open .sidebar { transform: translateX(0); }
+    /* Backdrop (затемнение) когда sidebar открыт. */
+    body.view-only-mode.sidebar-open::before {
+      content: ''; position: fixed; inset: 0; background: rgba(0,0,0,0.4);
+      z-index: 89; cursor: pointer;
+    }
+    /* В template/mobile прячем ВСЁ из toolbar'а кроме бургера —
+       у юзера маленький экран, кнопки управления (zoom, banner) занимают
+       половину viewport'а. Юзер: «оставь только бургер». */
+    body.view-only-mode .toolbar > *:not(.kk-mobile-burger) { display: none !important; }
+    /* Сам toolbar тоже минимизируем — без растягивания и фона, чтобы canvas
+       занял максимум места. */
+    body.view-only-mode .toolbar {
+      padding: 4px; min-height: auto; border-bottom: none;
+      background: transparent;
+    }
+    /* Канвас должен принимать pinch-zoom через JS, native scroll и pan
+       по 1 пальцу остаются. */
+    body.view-only-mode .canvas-wrap { touch-action: pan-x pan-y; }
+  }
+
   /* Brand-logo и welcome-logo всегда кликабельны (на главной → ничего,
      в проекте → возврат на welcome, dblclick → настройки). cursor:pointer
      ставится и в HTML inline, но в web chatium-минифайер иногда срывает

package/renderer/templates.js

@@ -528,8 +528,17 @@ async function collectProjectBoards(filmHandle) {
       await b.handle.getFileHandle('scene.json');
       // Исключаем scene.json и .thumbnails/ из mediaFiles — они либо
       // manifest, либо генерятся клиентом.
+      // scene.json — manifest, отдельный канал.
+      // .thumbnails/ — старая папка миниатюр (legacy).
+      // thumbs/    — текущая папка миниатюр (генерятся клиентом
+      //              через generateThumbnailIfMissing; их НЕ нужно
+      //              заливать на сервер — получатель сам сгенерит).
+      //              Без этого фильтра save отправлял 4 frames + 4 thumbs
+      //              = 8 файлов вместо 4. См. логи.
       b.mediaFiles = b.mediaFiles.filter(f =>
-        f.relPath !== 'scene.json' && !f.relPath.startsWith('.thumbnails/'));
+        f.relPath !== 'scene.json' &&
+        !f.relPath.startsWith('.thumbnails/') &&
+        !f.relPath.startsWith('thumbs/'));
       validBoards.push(b);
     } catch {}
   }

package/server.js

@@ -139,7 +139,14 @@ async function handleProxy(res, url) {
   try { u = new URL(target); } catch { return send(res, 400, { error: 'битый url' }); }
   if (!/^https?:$/.test(u.protocol)) return send(res, 400, { error: 'разрешены только http/https' });
 
-  const r = await fetch(target);
+  // Auth-aware прокси: некоторые upstream-URL'ы (OpenRouter video content)
+  // требуют Bearer-токен. Добавляем здесь чтобы клиентский <video src="...">
+  // мог их подгрузить через /api/proxy без обхода CORS+auth в renderer'е.
+  const fetchHeaders = {};
+  if (u.hostname === 'openrouter.ai' && process.env.OPENROUTER_API_KEY) {
+    fetchHeaders.Authorization = 'Bearer ' + process.env.OPENROUTER_API_KEY;
+  }
+  const r = await fetch(target, { headers: fetchHeaders });
   if (!r.ok) return send(res, r.status, { error: `upstream ${r.status}` });
   const headers = {
     'Content-Type': r.headers.get('content-type') || 'application/octet-stream',