kingkont 0.7.88 → 0.7.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.7.88",
+  "version": "0.7.90",
   "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/state.js

@@ -86,7 +86,38 @@ async function fileExists(handle, name) {
   try { await handle.getFileHandle(name); return true; } catch { return false; }
 }
 
+// Имена из внешних источников (drag-drop из Telegram/чатов, paste, импорт)
+// часто содержат символы, недопустимые для File-System-Access-API: двоеточия
+// (timestamp'ы вроде «IMAGE 16:48:03.jpg»), слэши, *, ? и control-символы.
+// FS-Access-API строго следует правилам Windows-FS, поэтому даже на macOS
+// getFileHandle('foo:bar.jpg') бросает 'Name is not allowed'.
+function sanitizeFilename(name) {
+  if (!name) return 'file';
+  let safe = String(name)
+    .replace(/[\\/:*?"<>|\x00-\x1F]/g, '-')   // зарезервированные + control-chars
+    .replace(/^\.+/, '')                       // имя не должно начинаться с точки
+    .replace(/[. ]+$/, '')                     // и не должно кончаться на точку/пробел (Windows)
+    .trim();
+  if (!safe) safe = 'file';
+  // Зарезервированные базовые имена Windows.
+  const reserved = /^(CON|PRN|AUX|NUL|COM[1-9]|LPT[1-9])(\..*)?$/i;
+  if (reserved.test(safe)) safe = '_' + safe;
+  // Лимит длины (NTFS = 255, оставляем запас под суффикс _N).
+  if (safe.length > 200) {
+    const dot = safe.lastIndexOf('.');
+    if (dot > 0 && safe.length - dot < 20) {
+      safe = safe.slice(0, 200 - (safe.length - dot)) + safe.slice(dot);
+    } else {
+      safe = safe.slice(0, 200);
+    }
+  }
+  return safe;
+}
+
 async function uniqueName(handle, name) {
+  // Always sanitize — uniqueName это «бутылочное горлышко» для всех импортов
+  // и записей с внешними именами. Если уже sanitized — операция идемпотентна.
+  name = sanitizeFilename(name);
   if (!(await fileExists(handle, name))) return name;
   const dot = name.lastIndexOf('.');
   const base = dot > 0 ? name.slice(0, dot) : name;

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;
   }