kingkont 0.20.54 → 0.20.56

package/package.json

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

package/renderer/styles.css

@@ -1908,7 +1908,10 @@
   .modal.hidden { display: none; }
   .modal-card {
     background: #2a2a2a; border: 1px solid #444; border-radius: 12px;
-    padding: 24px; width: 540px; max-width: 92vw; max-height: 90vh;
+    /* padding-bottom=0: .modal-actions сама даёт нижний паддинг через свой
+       padding-bottom — нужно чтобы sticky-bottom:0 ровно совпал с краем
+       модалки. */
+    padding: 24px 24px 0; width: 540px; max-width: 92vw; max-height: 90vh;
     overflow-y: auto; display: flex; flex-direction: column; gap: 14px;
     position: relative;
   }
@@ -1928,7 +1931,20 @@
   }
   .modal-card input:focus, .modal-card textarea:focus, .modal-card select:focus { border-color: #6a8aaa; }
   .modal-card textarea { resize: vertical; min-height: 100px; }
-  .modal-actions { display: flex; gap: 8px; align-items: center; margin-top: 4px; }
+  /* Кнопки внизу модалки залипают к её низу — юзер: «сделай чтобы кнопки
+     прилипали к нижней части модалки и были всегда видны, во всех модалках».
+     Sticky bottom:0 пинит к нижнему краю scroll-контейнера (modal-card),
+     negative margin-left/right компенсирует padding modal-card'а (24px),
+     padding 14px 24px 24px даёт собственный bottom-pad. */
+  .modal-actions {
+    display: flex; gap: 8px; align-items: center;
+    position: sticky; bottom: 0;
+    margin: 14px -24px 0;
+    padding: 14px 24px 24px;
+    background: #2a2a2a;
+    border-top: 1px solid #383838;
+    z-index: 5;
+  }
   .modal-actions .spacer { flex: 1; }
   .seg-control { display: flex; }
   .seg-control .seg { flex: 1; background: #1e1e1e; border: 1px solid #383838; border-radius: 0; }