kingkont 0.7.90 → 0.7.92

package/package.json

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

package/renderer/generate.js

@@ -210,7 +210,7 @@ async function addLabelAt(pos) {
   const node = {
     id: crypto.randomUUID(),
     type: 'label',
-    text: '',
+    text: 'Подпись',                      // дефолтный текст — сразу видно ноду
     textStyle: { fontSize: 32, italic: false, fontFamily: 'pencil' },
     x, y,
     // width/height не задаём — label всегда auto-размер по тексту
@@ -220,19 +220,19 @@ async function addLabelAt(pos) {
   const el = await createNodeEl(node);
   canvas.appendChild(el);
   scheduleSave();
-  // Авто-фокус в редактируемый текст, чтобы юзер сразу начал печатать.
+  // Сразу входим в режим редактирования и выделяем весь текст —
+  // юзер начинает печатать, и «Подпись» заменяется на введённое.
   setTimeout(() => {
     const ed = el.querySelector('.label-text');
-    if (ed) {
-      ed.focus();
-      // Курсор в конец (если контент пустой — это всё равно начало).
-      const sel = window.getSelection();
-      const r = document.createRange();
-      r.selectNodeContents(ed);
-      r.collapse(false);
-      sel?.removeAllRanges();
-      sel?.addRange(r);
-    }
+    if (!ed) return;
+    ed.contentEditable = 'plaintext-only';
+    ed.focus();
+    // Select all — type-to-replace UX (как на iOS notes / новой подписи).
+    const sel = window.getSelection();
+    const r = document.createRange();
+    r.selectNodeContents(ed);
+    sel?.removeAllRanges();
+    sel?.addRange(r);
   }, 30);
 }
 

package/renderer/media.js

@@ -837,61 +837,86 @@ canvasWrap.addEventListener('drop', async e => {
   scheduleSave();
 });
 
-// Cmd+V из системного буфера: вставляет картинку/файл в текущую сцену.
-// Срабатывает только если фокус НЕ на input/textarea (там юзер пастит
-// текст) и НЕ на наших нодах (там Cmd+V обрабатывается отдельно через
-// keydown в settings.js — он preventDefault'ит, и paste event сюда не
-// доходит). Поддерживает 2 источника:
-// - Файлы (Finder Cmd+C) — clipboardData.files
-// - Картинки прямо из браузера (Edit→Copy Image) — clipboardData.items
-//   с kind='file' и type='image/*'
+// Cmd+V — единый paste handler. Приоритет:
+//   1. Если в системном буфере есть files/images (Telegram/browser
+//      «Copy image», Finder Cmd+C) → импортируем их.
+//   2. Иначе — fallback на state.clipboard (внутренние ноды/клипы,
+//      положенные через Cmd+C в settings.js).
+// Раньше Cmd+V в settings.js делал preventDefault на keydown и сразу
+// пастил ноды — paste-event с системным буфером даже не успевал
+// сработать, поэтому «Copy image» из Telegram игнорировался.
 document.addEventListener('paste', async e => {
   if (!state.currentBoard) return;
   // Если фокус на текстовом инпуте — паст обработает он (юзер пастит текст).
   const ae = document.activeElement;
   if (ae && ae.matches?.('input, textarea, [contenteditable=""], [contenteditable="true"]')) return;
+
+  // === 1. Files/images из системного буфера ===
   const cd = e.clipboardData;
-  if (!cd) return;
-  // Собираем все источники файлов из буфера, дедупим по size+type.
-  const all = [...(cd.files || [])];
-  for (const it of (cd.items || [])) {
-    if (it.kind === 'file') {
-      const f = it.getAsFile();
-      if (f && !all.some(x => x.size === f.size && x.type === f.type && x.name === f.name)) {
-        all.push(f);
+  const all = [];
+  if (cd) {
+    for (const f of (cd.files || [])) all.push(f);
+    for (const it of (cd.items || [])) {
+      if (it.kind === 'file') {
+        const f = it.getAsFile();
+        if (f && !all.some(x => x.size === f.size && x.type === f.type && x.name === f.name)) {
+          all.push(f);
+        }
+      }
+    }
+  }
+  if (all.length) {
+    e.preventDefault();
+    const cx = canvasWrap.scrollLeft / state.zoom + 200;
+    const cy = canvasWrap.scrollTop / state.zoom + 100;
+    let i = 0;
+    for (const f of all) {
+      const type = getFileType(f);
+      if (!type) continue;
+      // Картинка из браузера обычно даёт безымянный File типа 'image/png'.
+      // Синтезируем читаемое имя со штампом времени.
+      let file = f;
+      if (!f.name || f.name === 'image.png' || f.name === 'unknown') {
+        const ext = (f.type.split('/')[1] || 'png').replace('jpeg', 'jpg');
+        file = new File([f], `pasted_${Date.now()}.${ext}`, { type: f.type });
       }
+      try {
+        const filename = await importToBoard(state.currentBoard.handle, file, type);
+        const node = {
+          id: crypto.randomUUID(), type, file: filename,
+          x: cx + i*24, y: cy + i*24,
+        };
+        if (type === 'text') {
+          try { node.text = await file.text(); } catch { node.text = ''; }
+        }
+        state.currentBoard.metadata.nodes.push(node);
+        canvas.appendChild(await createNodeEl(node));
+        i++;
+      } catch (err) { console.error(err); alert(`Не удалось вставить: ${err.message}`); }
     }
+    scheduleSave();
+    return;
   }
-  if (!all.length) return;
+
+  // === 2. Fallback: внутренний state.clipboard (ноды/клипы) ===
+  if (!state.clipboard?.length) return;
   e.preventDefault();
-  const cx = canvasWrap.scrollLeft / state.zoom + 200;
-  const cy = canvasWrap.scrollTop / state.zoom + 100;
-  let i = 0;
-  for (const f of all) {
-    const type = getFileType(f);
-    if (!type) continue;
-    // Картинка из браузера обычно даёт безымянный File типа 'image/png'.
-    // Синтезируем читаемое имя со штампом времени.
-    let file = f;
-    if (!f.name || f.name === 'image.png' || f.name === 'unknown') {
-      const ext = (f.type.split('/')[1] || 'png').replace('jpeg', 'jpg');
-      file = new File([f], `pasted_${Date.now()}.${ext}`, { type: f.type });
+  const tl = (typeof getTimeline === 'function') ? getTimeline() : null;
+  const cb = state.clipboard;
+  const cbHasMedia = cb.some(it => ['image','video','audio'].includes(it.node?.type));
+  const focusOnTimeline = !!document.activeElement?.closest?.('#timelinePanel');
+  if (focusOnTimeline && tl?.tracks && cbHasMedia) {
+    const isAudio = cb.every(it => it.node?.type === 'audio');
+    const wantedKind = isAudio ? 'audio' : 'video';
+    const target = tl.tracks.find(t => t.kind === wantedKind) || tl.tracks[0];
+    if (target) {
+      if (typeof pushHistory === 'function') pushHistory('Вставка на таймлайн');
+      await pasteClipboardToTimeline(target, state.playheadTime || 0);
+      return;
     }
-    try {
-      const filename = await importToBoard(state.currentBoard.handle, file, type);
-      const node = {
-        id: crypto.randomUUID(), type, file: filename,
-        x: cx + i*24, y: cy + i*24,
-      };
-      if (type === 'text') {
-        try { node.text = await file.text(); } catch { node.text = ''; }
-      }
-      state.currentBoard.metadata.nodes.push(node);
-      canvas.appendChild(await createNodeEl(node));
-      i++;
-    } catch (err) { console.error(err); alert(`Не удалось вставить: ${err.message}`); }
   }
-  scheduleSave();
+  if (typeof pushHistory === 'function') pushHistory('Вставка нод');
+  await pasteClipboardNodes();
 });
 
 // =================== Текстовая нода ===================

package/renderer/settings.js

@@ -1084,7 +1084,10 @@ async function deleteSelectedNodes() {
 document.addEventListener('keydown', async e => {
   const mod = e.metaKey || e.ctrlKey;
   const tag = (e.target?.tagName || '').toLowerCase();
-  const inText = tag === 'textarea' || tag === 'input';
+  // contentEditable label-text — тоже текстовое поле: Backspace там должен
+  // удалять символ, а не ноду. e.target.isContentEditable отлавливает любой
+  // contenteditable-элемент (наша label-нода в edit-режиме).
+  const inText = tag === 'textarea' || tag === 'input' || !!e.target?.isContentEditable;
 
   // Zoom shortcuts (работают даже в инпутах — это естественно)
   if (mod && (e.key === '=' || e.key === '+')) { e.preventDefault(); applyZoom(state.zoom * 1.25); return; }
@@ -1176,26 +1179,11 @@ document.addEventListener('keydown', async e => {
       await copySelectedNodes();
     }
   }
-  if (mod && e.key.toLowerCase() === 'v' && !e.shiftKey && !inText && state.clipboard?.length) {
-    e.preventDefault();
-    // Если буфер содержит клипы и фокус на таймлайне → вставить туда
-    const tl = getTimeline();
-    const cb = state.clipboard;
-    const cbHasMedia = cb.some(it => ['image','video','audio'].includes(it.node?.type));
-    const focusOnTimeline = !!document.activeElement?.closest?.('#timelinePanel');
-    if (focusOnTimeline && tl?.tracks && cbHasMedia) {
-      const isAudio = cb.every(it => it.node?.type === 'audio');
-      const wantedKind = isAudio ? 'audio' : 'video';
-      const target = tl.tracks.find(t => t.kind === wantedKind) || tl.tracks[0];
-      if (target) {
-        pushHistory('Вставка на таймлайн');
-        await pasteClipboardToTimeline(target, state.playheadTime || 0);
-        return;
-      }
-    }
-    pushHistory('Вставка нод');
-    await pasteClipboardNodes();
-  }
+  // Cmd+V: НЕ перехватываем здесь preventDefault'ом — иначе paste-event
+  // не сработает и мы не увидим что в системном буфере (картинка из
+  // Telegram, browser «Copy image», файл из Finder). Всю paste-логику
+  // (системный буфер → файлы; иначе fallback на state.clipboard → ноды)
+  // делает document-level paste handler в renderer/media.js.
   // Cmd+X — вырезать (как copy + удалить)
   if (mod && e.key.toLowerCase() === 'x' && !e.shiftKey && !inText) {
     if (state.selectedClipIds.size) {