kingkont 0.20.46 → 0.20.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.20.46",
+  "version": "0.20.47",
   "description": "KingKont \u00b7 Chatium \u2014 \u043d\u043e\u0434-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0446\u0435\u043d \u0441 AI-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0435\u0439 (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438/\u0432\u0438\u0434\u0435\u043e/\u0433\u043e\u043b\u043e\u0441/SFX/\u043c\u0443\u0437\u044b\u043a\u0430/\u0442\u0435\u043a\u0441\u0442)",
   "main": "main.js",
   "bin": {

package/renderer/board.js

@@ -2589,6 +2589,31 @@ async function promptBoardAspectRatio(kind, item) {
     }
     console.log(`[board] ${kind}/${item.name} aspectRatio → ${chosen}`);
 }
+// Открыть редактор описания image/video-ноды.
+// Юзер: «дабл-клик на описании ноды должен открывать его редактирование».
+// Также используется из ПКМ ноды (📝 Изменить/Добавить описание).
+async function editNodeDescription(node) {
+    if (!node || (node.type !== 'image' && node.type !== 'video')) return;
+    const next = await askName(
+        'Описание ноды (Cmd+Enter — сохранить):',
+        'Например: лес ночью, луна за облаками, тишина',
+        node.description || '',
+        { multiline: true, okText: 'Сохранить' },
+    );
+    if (next == null) return;
+    node.description = next;
+    scheduleSave();
+    if (typeof ensureNodeDescriptionEl === 'function') ensureNodeDescriptionEl(node);
+    // Перерасчёт node.height — описание участвует в bbox'е (см.
+    // fitNodeHeightToMedia в settings.js → расширяет node.height на descH).
+    const el = canvas.querySelector(`.node[data-id="${node.id}"]`);
+    const media = el?.querySelector('img, video');
+    if (typeof fitNodeHeightToMedia === 'function' && el && media) {
+        fitNodeHeightToMedia(node, el, media);
+    }
+}
+window.editNodeDescription = editNodeDescription;
+
 // Скопировать / вставить настройки сцены (aspectRatio + defaultPrompts).
 // Хранение — in-memory state.clipboardSceneSettings (живёт до closeProject).
 // Юзер: «сделай возможность скопировать настройки из одной сцены в другую».
@@ -4242,21 +4267,7 @@ function showNodeContextMenu(node, clientX, clientY) {
     // (см. renderNodeBody), это удобный picker для крупного редактирования.
     if (node.type === 'image' || node.type === 'video') {
         const hasDesc = !!(node.description && node.description.trim());
-        add(hasDesc ? '📝 Изменить описание…' : '📝 Добавить описание…', async () => {
-            const next = await askName(
-                'Описание ноды (Cmd+Enter — сохранить):',
-                'Например: лес ночью, луна за облаками, тишина',
-                node.description || '',
-                { multiline: true, okText: 'Сохранить' },
-            );
-            if (next == null) return;
-            node.description = next;
-            scheduleSave();
-            // Sidecar-описание — отдельный элемент на canvas'е, см.
-            // ensureNodeDescriptionEl в settings.js. Идемпотентно: пересоздаёт/
-            // удаляет/обновляет в зависимости от того, есть ли текст.
-            if (typeof ensureNodeDescriptionEl === 'function') ensureNodeDescriptionEl(node);
-        });
+        add(hasDesc ? '📝 Изменить описание…' : '📝 Добавить описание…', () => editNodeDescription(node));
     }
     // Image-нода как обложка проекта — копируется в `<project>/.cover.<ext>`,
     // оттуда подхватывается generateProjectThumb (для recents и шаблонов).

package/renderer/settings.js

@@ -604,6 +604,17 @@ function ensureNodeDescriptionEl(node) {
     el.className = 'node-description-outside';
     el.dataset.descFor = node.id;
     canvasEl.appendChild(el);
+    // Дабл-клик по описанию → редактор (юзер: «дабл-клик на описании ноды
+    // должен открывать его редактирование»). editNodeDescription —
+    // глобал из board.js. e.stopPropagation — иначе дабл-клик пробрасывался
+    // в .node и срабатывало fullscreen-просмотр.
+    el.addEventListener('dblclick', e => {
+      e.stopPropagation();
+      e.preventDefault();
+      if (typeof window.editNodeDescription === 'function') {
+        window.editNodeDescription(node);
+      }
+    });
   }
   if (el.textContent !== text) el.textContent = text;
   positionNodeDescriptionEl(node, el);
@@ -614,9 +625,16 @@ function positionNodeDescriptionEl(node, el) {
   if (!el) return;
   const w = node.width || 280;
   const h = node.height || 200;
-  const GAP = 4;
+  // Описание прикреплено к НИЖНЕЙ части bbox самой ноды (НЕ ниже неё).
+  // Раньше top = node.y + h + GAP — sidecar улетал вниз, и если сосед
+  // был близко, описание перекрывало его. Юзер: «сейчас на ноде её
+  // описание показывается над нодой которая расположена выше».
+  // Теперь node.height расширен на descH (см. fitNodeHeightToMedia), и
+  // sidecar помещён внутри bbox у самого низа. Соседняя нода физически
+  // не может попасть в зону описания.
+  const descH = el.offsetHeight || 0;
   el.style.left  = node.x + 'px';
-  el.style.top   = (node.y + h + GAP) + 'px';
+  el.style.top   = (node.y + h - descH - 2) + 'px';
   el.style.width = w + 'px';
 }
 function removeNodeDescriptionEl(nodeId) {
@@ -640,9 +658,22 @@ function fitNodeHeightToMedia(node, nodeEl, mediaEl) {
   // Берём актуальную width — node.width если задано, иначе текущий offsetWidth.
   const w = node.width || nodeEl.offsetWidth;
   if (!w) return;
-  const newH = Math.round(w * (natH / natW) + chromeH);
+  // Высота описания (если есть) — описание занимает нижнюю часть bbox'а
+  // ноды (см. positionNodeDescriptionEl). Без этого описание выходило за
+  // пределы node.height и «накладывалось» на соседнюю ноду снизу. Юзер:
+  // «на ноде её описание показывается над нодой которая расположена выше».
+  const descEl = (node.description || '').trim()
+    ? document.querySelector(`.node-description-outside[data-desc-for="${node.id}"]`)
+    : null;
+  const descH = descEl ? descEl.offsetHeight + 4 : 0;   // +4 чтобы зрительно отделять
+  const newH = Math.round(w * (natH / natW) + chromeH + descH);
   // 2px tolerance — не шумим в save/connections при суб-пиксельных колебаниях.
-  if (Math.abs(newH - (node.height || 0)) <= 2) return;
+  if (Math.abs(newH - (node.height || 0)) <= 2) {
+    // Высоту не меняем, но позицию sidecar'а всё равно обновим — а вдруг
+    // описание появилось/изменилось до того как media догрузилось.
+    positionNodeDescriptionEl(node);
+    return;
+  }
   node.height = newH;
   nodeEl.style.height = newH + 'px';
   if (typeof renderConnections === 'function') renderConnections();