kingkont 0.7.93 → 0.7.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.7.93",
+  "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();

package/renderer/styles.css

@@ -700,15 +700,27 @@
   }
   .add-menu button:hover { background: #2c2c2c; }
 
-  /* === Fullscreen viewer === */
+  /* === Fullscreen viewer ===
+     .fs-modal — фон + контейнер для absolute-позиционированных контролов
+     (× close, ← prev, → next).
+     .fs-stage — absolute inset:0 (гарантированный fill viewport'а), flex-
+     центровка картинки. Раньше .fs-modal был flex-row с align-items:center,
+     и .fs-stage с height:100% не растягивался на cross-axis (брал NATURAL
+     высоту), → картинка центрировалась не в полный viewport → казалось
+     что внизу куча пустого места. */
   .fs-modal {
     position: fixed; inset: 0; background: rgba(0,0,0,0.95);
-    z-index: 1000; display: flex; align-items: center; justify-content: center;
+    z-index: 1000;
   }
   .fs-modal.hidden { display: none; }
-  .fs-stage { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 32px; }
+  .fs-stage {
+    position: absolute; inset: 0;
+    display: flex; align-items: center; justify-content: center;
+    padding: 16px 64px;     /* по бокам — место под nav-кнопки */
+  }
   .fs-stage img, .fs-stage video {
     max-width: 100%; max-height: 100%; object-fit: contain;
+    display: block;
   }
   .fs-modal #fsClose {
     position: absolute; top: 16px; right: 16px;