kingkont 0.7.92 → 0.7.94

package/package.json

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

package/renderer/settings.js

@@ -179,11 +179,21 @@ function renderLabelNodeBody(node, body) {
   ed.addEventListener('mousedown', e => {
     // В edit-режиме: не пускаем drag-обработчик (нужно поставить курсор/выделить текст).
     if (ed.isContentEditable) e.stopPropagation();
-    // В read-режиме: пузырится — attachDrag-handler (повешен и на label-text)
-    // обработает single-click как «выбрать ноду» и подхватит drag.
+    // В read-режиме: drag-handler (привязан ниже) обработает single-click
+    // как «выбрать ноду» и подхватит drag.
   });
 
   body.appendChild(ed);
+
+  // Привязываем drag-handler ИМЕННО ЗДЕСЬ — потому что refreshNodeDOM
+  // (вызывается при смене шрифта/размера/курсива через ПКМ) пересоздаёт
+  // .label-text. Если drag вешать в attachDrag (вызывается один раз в
+  // createNodeEl), то после refreshNodeDOM новый элемент окажется без
+  // обработчика — и ноду нельзя будет двигать.
+  const nodeEl = body.closest('.node');
+  if (nodeEl) {
+    ed.addEventListener('mousedown', makeDragHandler(nodeEl, node));
+  }
 }
 
 async function renderNodeBody(node, body) {
@@ -739,15 +749,18 @@ function attachResize(el, node, handle) {
 
 function attachDrag(el, node) {
   const header = el.querySelector('.node-header');
-  // Для label-нод вешаем drag и на сам текст: header скрыт до hover, а
-  // юзер хочет цеплять ноду с любого места видимого текста. В handler'е
-  // пропускаем срабатывание, если label в edit-режиме (см. условие ниже).
-  const sources = [header];
-  if (node.type === 'label') {
-    const lt = el.querySelector('.label-text');
-    if (lt) sources.push(lt);
-  }
-  const handler = e => {
+  // Header-source: drag вешается один раз при создании ноды. .label-text
+  // отдельно привязывается из renderLabelNodeBody — потому что при смене
+  // шрифта/размера через ПКМ refreshNodeDOM пересоздаёт DOM-элемент
+  // .label-text, и старый listener умирает вместе со старым элементом.
+  if (header) header.addEventListener('mousedown', makeDragHandler(el, node));
+}
+
+// Создаёт drag-handler для конкретной (el, node) пары. Вынесено отдельно
+// чтобы можно было вешать на новый .label-text после refreshNodeDOM
+// (renderLabelNodeBody делает это при каждом рендере).
+function makeDragHandler(el, node) {
+  return e => {
     // Edit-режим label — не таскаем (контекст редактирования текста).
     if (e.currentTarget?.classList?.contains('label-text') && e.currentTarget.isContentEditable) return;
     if (e.target.closest('.delete')) return;
@@ -907,7 +920,6 @@ function attachDrag(el, node) {
     document.addEventListener('mousemove', onMove);
     document.addEventListener('mouseup', onUp);
   };
-  for (const src of sources) if (src) src.addEventListener('mousedown', handler);
 }
 
 // Добавить ноду как клип в указанную дорожку с ripple-вставкой по времени

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;