kingkont 0.7.87 → 0.7.89

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.7.87",
+  "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(); }
   });
@@ -727,6 +751,12 @@ function attachDrag(el, node) {
     // Edit-режим label — не таскаем (контекст редактирования текста).
     if (e.currentTarget?.classList?.contains('label-text') && e.currentTarget.isContentEditable) return;
     if (e.target.closest('.delete')) return;
+    // Источник mousedown'а: header или label-text. Для label-text НЕ
+    // вызываем preventDefault и canvas.appendChild на mousedown — они
+    // ломают браузерный счётчик кликов и dblclick на label не срабатывает.
+    // Z-promote и preventDefault выполнятся ниже, в onMove, когда drag
+    // реально начнётся (перешёл порог 4px).
+    const sourceIsLabelText = e.currentTarget?.classList?.contains('label-text');
     // Multi-select c модификаторами — без drag
     if (e.metaKey || e.ctrlKey || e.shiftKey) {
       e.preventDefault();
@@ -741,16 +771,18 @@ function attachDrag(el, node) {
       state.selectedNodeIds.add(node.id);
       renderSelection();
     }
-    e.preventDefault();
+    if (!sourceIsLabelText) e.preventDefault();
     const startX = e.clientX, startY = e.clientY;
     const origX = node.x, origY = node.y;
     el.classList.add('selected');
-    canvas.appendChild(el);
     const arr = state.currentBoard.metadata.nodes;
-    const idx = arr.indexOf(node);
-    if (idx >= 0 && idx < arr.length - 1) {
-      arr.splice(idx, 1);
-      arr.push(node);
+    if (!sourceIsLabelText) {
+      canvas.appendChild(el);
+      const idx = arr.indexOf(node);
+      if (idx >= 0 && idx < arr.length - 1) {
+        arr.splice(idx, 1);
+        arr.push(node);
+      }
     }
 
     // Multi-drag: если выделено несколько нод и кликнули по одной из них —
@@ -780,6 +812,18 @@ function attachDrag(el, node) {
     const onMove = ev => {
       const dx = ev.clientX - startX, dy = ev.clientY - startY;
       if (!dragInitialized && Math.hypot(dx, dy) < 4) return;
+      // Первый раз перешли порог — для label-text z-promote отложен сюда,
+      // чтобы не ломать dblclick. Также гасим случайно стартовавший
+      // text-selection в read-режиме.
+      if (!dragInitialized && sourceIsLabelText) {
+        canvas.appendChild(el);
+        const idx = arr.indexOf(node);
+        if (idx >= 0 && idx < arr.length - 1) {
+          arr.splice(idx, 1);
+          arr.push(node);
+        }
+        try { window.getSelection()?.removeAllRanges(); } catch {}
+      }
       dragInitialized = true;
       // Проверяем — курсор над таймлайном?
       const tlTrackEl = document.elementsFromPoint(ev.clientX, ev.clientY)

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;
   }
@@ -526,6 +534,17 @@
      природу» ноды, в read-mode сигнал что dblclick → редактировать. */
   .node.label-node .label-text { cursor: text; }
   .node.label-node:hover .label-text:not([contenteditable]) { cursor: pointer; }
+  /* В read-режиме блокируем text-selection — чтобы single-click не выделял
+     слово, и mousedown без preventDefault (для работы dblclick) не давал
+     браузеру стартовать selection-drag. В edit-режиме выделение разрешено. */
+  .node.label-node .label-text:not([contenteditable]) {
+    user-select: none;
+    -webkit-user-select: none;
+  }
+  .node.label-node .label-text[contenteditable] {
+    user-select: text;
+    -webkit-user-select: text;
+  }
   /* === Label-шрифты ===
      Все варианты — bundled woff2 (см. assets/fonts/), кириллица поддержана. */
   .node.label-node .label-text[data-font="pencil"] {