kingkont 0.7.94 → 0.7.95

package/package.json

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

package/renderer/settings.js

@@ -396,10 +396,22 @@ async function renderNodeBody(node, body) {
           media = document.createElement('img');
           media.src = url; media.alt = node.file; media.draggable = false;
           media.decoding = 'async';
+          // Auto-fit высоты ноды под aspect картинки. Иначе после генерации
+          // (где node.width/height заморожены до прихода файла) или после
+          // замены картинки через history новый <img> с object-fit:contain
+          // оставляет пустое место сверху/снизу — node.height не совпадает
+          // с display-height image'а.
+          media.addEventListener('load', () => fitNodeHeightToMedia(node, nodeEl, media), { once: true });
         } else {
           media = document.createElement(node.type);
           media.src = url;
-          if (node.type === 'video') media.controls = true;
+          if (node.type === 'video') {
+            media.controls = true;
+            // То же для видео — но через loadedmetadata, который у preload:none
+            // выстрелит при первой попытке play. Когда юзер запустит — нода
+            // подстроится под реальный aspect.
+            media.addEventListener('loadedmetadata', () => fitNodeHeightToMedia(node, nodeEl, media), { once: true });
+          }
           // preload="none" — заголовки video/audio НЕ читаются пока юзер не запустит play.
           // Раньше "metadata" грузил chunk для duration/dimensions с каждой ноды на selectBoard.
           media.preload = 'none';
@@ -488,6 +500,32 @@ async function renderNodeBody(node, body) {
   }
 }
 
+// Подгоняет node.height под natural-aspect медиа (image/video). Сохраняет
+// текущую node.width, пересчитывает height = width * (natH/natW) + chrome.
+// Без этого после генерации (или history-undo на ноду с другим aspect'ом)
+// нода оставалась прежнего размера, и <img width:100%; height:auto> не
+// заполнял её по высоте → пустое место снизу.
+function fitNodeHeightToMedia(node, nodeEl, mediaEl) {
+  if (!nodeEl || !mediaEl) return;
+  const natW = mediaEl.naturalWidth || mediaEl.videoWidth || 0;
+  const natH = mediaEl.naturalHeight || mediaEl.videoHeight || 0;
+  if (!natW || !natH) return;
+  // Chrome — header + footer (если есть). image-node padding=0, ничего не отъедает.
+  const headerH = nodeEl.querySelector('.node-header')?.offsetHeight || 0;
+  const footerH = nodeEl.querySelector('.node-footer')?.offsetHeight || 0;
+  const chromeH = headerH + footerH;
+  // Берём актуальную width — node.width если задано, иначе текущий offsetWidth.
+  const w = node.width || nodeEl.offsetWidth;
+  if (!w) return;
+  const newH = Math.round(w * (natH / natW) + chromeH);
+  // 2px tolerance — не шумим в save/connections при суб-пиксельных колебаниях.
+  if (Math.abs(newH - (node.height || 0)) <= 2) return;
+  node.height = newH;
+  nodeEl.style.height = newH + 'px';
+  if (typeof renderConnections === 'function') renderConnections();
+  scheduleSave();
+}
+
 function attachAnchor(node, el, anchor) {
   anchor.addEventListener('mousedown', e => {
     e.preventDefault();