kingkont 0.7.88 → 0.7.89

package/package.json

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

package/renderer/settings.js

@@ -123,6 +123,25 @@ function renderLabelNodeBody(node, body) {
   ed.textContent = node.text || '';
   applyLabelStyle(ed, node.textStyle);
 
+  // Принудительно держим класс is-empty синхронизированным с textContent.
+  // CSS-селектор :empty не годится — после стирания всего текста браузер
+  // часто оставляет <br> внутри contenteditable, и :empty перестаёт
+  // матчить → плейсхолдер пропадал, инлайн-блок схлопывался по ширине,
+  // юзер кликал мимо и терял фокус. Класс на основе textContent надёжнее.
+  const syncEmpty = () => {
+    const empty = !ed.textContent || ed.textContent.length === 0;
+    ed.classList.toggle('is-empty', empty);
+    // Если контент стал «пустым», но в DOM остался шум (br/пустые text-node) —
+    // чистим innerHTML, чтобы курсор спокойно стоял в начале без артефактов.
+    // НЕ делаем если уже пусто — иначе зацикливание input-события.
+    if (empty && ed.innerHTML !== '' && ed.isContentEditable) {
+      // Сохраняем фокус: clearing innerHTML на сфокусированном
+      // contenteditable не должен дёргать blur, но сохраним ranged selection.
+      ed.innerHTML = '';
+    }
+  };
+  syncEmpty();
+
   const enterEditMode = () => {
     if (ed.isContentEditable) return;
     ed.contentEditable = 'plaintext-only';
@@ -141,6 +160,7 @@ function renderLabelNodeBody(node, body) {
     // closest('[contenteditable]') в обработчиках вне (dblclick/contextmenu)
     // не матчился — и ПКМ снова открывал наш node-menu.
     ed.removeAttribute('contenteditable');
+    syncEmpty();
   };
 
   ed.addEventListener('dblclick', e => {
@@ -148,7 +168,11 @@ function renderLabelNodeBody(node, body) {
     enterEditMode();
   });
   ed.addEventListener('blur', exitEditMode);
-  ed.addEventListener('input', () => { node.text = ed.textContent; scheduleSave(); });
+  ed.addEventListener('input', () => {
+    node.text = ed.textContent;
+    syncEmpty();
+    scheduleSave();
+  });
   ed.addEventListener('keydown', e => {
     if (e.key === 'Escape') { e.preventDefault(); ed.blur(); }
   });

package/renderer/styles.css

@@ -510,15 +510,23 @@
        всё равно имеет высоту хотя бы одной строки выбранного шрифта. */
     min-height: 1.5em;
   }
-  .node.label-node .label-text:empty::before {
+  /* Плейсхолдер показываем по классу is-empty (а не :empty pseudo) —
+     selector :empty ломается когда браузер оставляет <br> в contenteditable
+     после Cmd+A/Backspace. JS ставит/снимает класс по textContent. */
+  .node.label-node .label-text.is-empty::before {
     content: attr(data-placeholder);
     color: rgba(200,200,200,0.55);
   }
+  /* Гарантированный размер пустой ноды — чтобы юзер не терял её визуально
+     (кликабельная область + плейсхолдер). */
+  .node.label-node .label-text.is-empty {
+    min-width: 240px;
+  }
   /* Когда label пустая — рисуем подсказывающий dashed-контур, чтобы юзер
      видел что нода существует (текст-плейсхолдер мог быть не замечен).
      При наличии текста — никакой рамки, чисто подпись на холсте. */
-  .node.label-node:has(.label-text:empty) {
-    outline: 1px dashed rgba(200,200,200,0.25);
+  .node.label-node:has(.label-text.is-empty) {
+    outline: 1px dashed rgba(200,200,200,0.35);
     outline-offset: 1px;
     border-radius: 3px;
   }