kingkont 0.20.55 → 0.20.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.20.55",
+  "version": "0.20.56",
   "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

@@ -4110,7 +4110,10 @@ async function createNodeEl(node) {
     // (ensureNodeDescriptionEl идемпотентно создаёт/обновляет/удаляет).
     // Вызывается ЗДЕСЬ, чтобы покрыть все вызовы createNodeEl: renderCanvas
     // / generate.js (новые ноды) / timeline.js / drawings.js / chat.js.
-    if (typeof ensureNodeDescriptionEl === 'function') ensureNodeDescriptionEl(node);
+    // Передаём el-hint — .node ещё не в canvas DOM (caller сделает appendChild
+    // после return), и без hint'а measure'а .node-footer не сработает →
+    // placeholder перекрыл бы regen-кнопки.
+    if (typeof ensureNodeDescriptionEl === 'function') ensureNodeDescriptionEl(node, el);
     return el;
 }
 // =================== Контекстное меню ноды (ПКМ) ===================

package/renderer/settings.js

@@ -587,7 +587,7 @@ async function renderNodeBody(node, body) {
 // «попробуем показать описание ВНЕ этой ноды, но так чтобы оно с ней
 // перемещалось… совпадало с ней по ширине, а высота — сколько займет текст».
 // Идемпотентно: пересоздаёт DOM, если описание изменилось/добавилось/удалилось.
-function ensureNodeDescriptionEl(node) {
+function ensureNodeDescriptionEl(node, nodeElHint) {
   if (!node) return null;
   const canvasEl = document.getElementById('canvas');
   if (!canvasEl) return null;
@@ -638,24 +638,29 @@ function ensureNodeDescriptionEl(node) {
     el.classList.remove('empty');
     if (el.textContent !== text) el.textContent = text;
   }
-  positionNodeDescriptionEl(node, el);
+  positionNodeDescriptionEl(node, el, nodeElHint);
+  // Если в этот момент .node ещё не вставлен в canvas — querySelector
+  // вернёт null → footerH=0 → placeholder сел поверх footer'а. Через rAF
+  // делаем повторный pass: к этому моменту caller сделал appendChild,
+  // footer измерим, sidecar сдвинется чуть выше.
+  requestAnimationFrame(() => positionNodeDescriptionEl(node, el));
   return el;
 }
-function positionNodeDescriptionEl(node, el) {
+function positionNodeDescriptionEl(node, el, nodeElHint) {
   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;
-  // Описание прикреплено к НИЖНЕЙ части bbox самой ноды (НЕ ниже неё).
-  // Раньше top = node.y + h + GAP — sidecar улетал вниз, и если сосед
-  // был близко, описание перекрывало его. Юзер: «сейчас на ноде её
-  // описание показывается над нодой которая расположена выше».
-  // Теперь node.height расширен на descH (см. fitNodeHeightToMedia), и
-  // sidecar помещён внутри bbox у самого низа. Соседняя нода физически
-  // не может попасть в зону описания.
+  // У image/video с node.generated есть .node-footer (regen-btn, история ←/→)
+  // — она у нижней грани. Поднимаем sidecar НАД footer'ом на footerH+2
+  // выше — иначе placeholder «Добавить описание» перекрывал бы regen-кнопки
+  // (юзер: «после появления кнопки добавить описание из ноды пропал ряд
+  // кнопок который делал перегенерацию»).
+  const nodeEl = nodeElHint || document.querySelector(`.node[data-id="${node.id}"]`);
+  const footerH = nodeEl?.querySelector('.node-footer')?.offsetHeight || 0;
   const descH = el.offsetHeight || 0;
   el.style.left  = node.x + 'px';
-  el.style.top   = (node.y + h - descH - 2) + 'px';
+  el.style.top   = (node.y + h - footerH - descH - 2) + 'px';
   el.style.width = w + 'px';
 }
 function removeNodeDescriptionEl(nodeId) {
@@ -690,13 +695,13 @@ function fitNodeHeightToMedia(node, nodeEl, mediaEl) {
   if (Math.abs(newH - (node.height || 0)) <= 2) {
     // Высоту не меняем, но позицию sidecar'а всё равно обновим — а вдруг
     // описание появилось/изменилось до того как media догрузилось.
-    positionNodeDescriptionEl(node);
+    positionNodeDescriptionEl(node, null, nodeEl);
     return;
   }
   node.height = newH;
   nodeEl.style.height = newH + 'px';
   if (typeof renderConnections === 'function') renderConnections();
-  positionNodeDescriptionEl(node);
+  positionNodeDescriptionEl(node, null, nodeEl);
   scheduleSave();
 }