kingkont 0.7.99 → 0.8.1

package/package.json

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

package/renderer/board.js

@@ -1885,15 +1885,19 @@ function showNodeContextMenu(node, clientX, clientY) {
   add('📥 Вставить (Cmd+V)', () => pasteClipboardNodes(), { disabled: !canPaste });
   const canReplace = !!(state.clipboard?.length);
   add('⇄ Заменить из буфера', () => replaceNodeFromClipboard(node), { disabled: !canReplace });
-  if (node.type === 'audio' && node.file) {
-    add('⬇ Скачать аудио', async () => {
+  // «Сохранить как…» — для любого медиа-файла (image / audio / video).
+  // Показывает нативный системный диалог через FS-Access-API; если API
+  // недоступен (web-режим) — auto-сохранение в Downloads/.
+  if ((node.type === 'image' || node.type === 'audio' || node.type === 'video') && node.file) {
+    add('💾 Сохранить как…', async () => {
       try {
         const fh = await resolveBoardFile(state.currentBoard.handle, node.file);
         const file = await fh.getFile();
-        await downloadAudioAtSpeed(file, node.file, 1);
+        const suggested = node.file.split('/').pop();
+        await saveAsToDisk(file, suggested);
       } catch (err) {
-        console.error('Download failed:', err);
-        alert('Не удалось скачать: ' + (err?.message || err));
+        console.error('Save failed:', err);
+        alert('Не удалось сохранить: ' + (err?.message || err));
       }
     });
   }

package/renderer/media.js

@@ -152,6 +152,29 @@ async function downloadAudioAtSpeed(file, filename, speed, onProgress) {
   await ff.deleteFile(outName).catch(() => {});
 }
 
+// «Сохранить как…» — показывает нативный системный диалог выбора пути
+// (через FS-Access-API), куда сохранить файл. Если API недоступен или
+// юзер ничего не выбрал — fallback на triggerDownload (auto-сохранение
+// в Downloads/). Возвращает true если файл сохранён, false если отменено.
+async function saveAsToDisk(file, suggestedName) {
+  if (typeof window.showSaveFilePicker === 'function') {
+    try {
+      const handle = await window.showSaveFilePicker({ suggestedName });
+      const w = await handle.createWritable();
+      await w.write(file);
+      await w.close();
+      return true;
+    } catch (err) {
+      // AbortError — юзер закрыл диалог. Не fallback'аемся, чтобы не
+      // дёргать auto-download против его воли.
+      if (err?.name === 'AbortError') return false;
+      // Любая другая ошибка — fall through на triggerDownload.
+    }
+  }
+  triggerDownload(file, suggestedName);
+  return true;
+}
+
 function triggerDownload(blob, filename) {
   const url = URL.createObjectURL(blob);
   const a = document.createElement('a');

package/renderer/settings.js

@@ -1285,7 +1285,7 @@ async function copySelectedNodes() {
     const n = state.currentBoard.metadata.nodes.find(x => x.id === id);
     if (!n) continue;
     let blob = null, textContent = null;
-    if (n.type === 'text') {
+    if (n.type === 'text' || n.type === 'label') {
       textContent = n.text || '';
     } else if (n.file) {
       try {
@@ -1296,13 +1296,16 @@ async function copySelectedNodes() {
     state.clipboard.push({ node: { ...n }, blob, textContent });
   }
   console.log(`Скопировано в буфер: ${state.clipboard.length} нод`);
+  // Дублируем в системный буфер обмена — чтобы Cmd+V в других приложениях
+  // (браузер, Telegram, image-editor) тоже что-то получали.
+  await writeNodesToSystemClipboard(state.clipboard);
 }
 
 // Скопировать одну ноду в буфер (для ПКМ → "Скопировать")
 async function copyNodeToClipboard(node) {
   if (!state.currentBoard) return;
   let blob = null, textContent = null;
-  if (node.type === 'text') {
+  if (node.type === 'text' || node.type === 'label') {
     textContent = node.text || '';
   } else if (node.file) {
     try {
@@ -1314,6 +1317,67 @@ async function copyNodeToClipboard(node) {
   state.clipboardPasteCount = 0;
   state.clipboardSourceBoardKey = state.currentBoard.key;
   console.log(`В буфер: ${node.name || node.id}`);
+  await writeNodesToSystemClipboard(state.clipboard);
+}
+
+// Кладёт ноды в системный буфер обмена (где это имеет смысл):
+//   • image — image/png (конвертим из jpg/webp через canvas)
+//   • text/label — text/plain (если несколько — соединяем через \n\n)
+//   • video/audio — пропускаем (Clipboard API binary-MIME'ов не держит)
+// Ошибки глотаем — основной путь это внутренний state.clipboard, system
+// clipboard это бонус. Если permission denied / focus lost / unsupported
+// MIME — внутренний работает как раньше.
+async function writeNodesToSystemClipboard(items) {
+  if (!items?.length || !navigator.clipboard) return;
+  try {
+    // Один image-ноду — пишем как картинку.
+    if (items.length === 1 && items[0].blob && items[0].node?.type === 'image') {
+      const blob = items[0].blob;
+      const pngBlob = blob.type === 'image/png' ? blob : await blobToPng(blob);
+      if (pngBlob && typeof ClipboardItem === 'function') {
+        await navigator.clipboard.write([new ClipboardItem({ 'image/png': pngBlob })]);
+        return;
+      }
+    }
+    // Текстовые ноды (text + label) — собираем тексты, пишем plain.
+    const texts = items
+      .filter(it => (it.node?.type === 'text' || it.node?.type === 'label') && typeof it.textContent === 'string')
+      .map(it => it.textContent);
+    if (texts.length) {
+      await navigator.clipboard.writeText(texts.join('\n\n'));
+      return;
+    }
+    // video/audio в одиночку — кладём имя файла как fallback (юзер хотя
+    // бы pasted'ит куда-то осмысленный текст).
+    const single = items[0]?.node;
+    if (single?.file) {
+      await navigator.clipboard.writeText(single.name || single.file.split('/').pop() || '');
+    }
+  } catch (e) {
+    // Permission / async-context потерян — internal clipboard всё равно
+    // отработал, юзер заметит при Cmd+V внутри редактора.
+    console.warn('system clipboard write failed:', e?.message || e);
+  }
+}
+
+// Конвертирует image-blob (jpg/webp/heic/etc) в PNG через canvas —
+// system clipboard принимает только image/png универсально.
+async function blobToPng(blob) {
+  const url = URL.createObjectURL(blob);
+  try {
+    const img = await new Promise((res, rej) => {
+      const i = new Image();
+      i.onload = () => res(i);
+      i.onerror = rej;
+      i.src = url;
+    });
+    const canvas = document.createElement('canvas');
+    canvas.width = img.naturalWidth;
+    canvas.height = img.naturalHeight;
+    canvas.getContext('2d').drawImage(img, 0, 0);
+    return await new Promise(res => canvas.toBlob(res, 'image/png'));
+  } catch { return null; }
+  finally { URL.revokeObjectURL(url); }
 }
 
 // Заменить контент текущей ноды содержимым из буфера (текущее уходит в history)

package/renderer/state.js

@@ -439,6 +439,20 @@ function getFileType(file) {
   } catch {}
 })();
 
+// One-time migration: дефолт video-разрешения раньше был 720p — сбрасываем
+// тех, у кого залипло '720p' (вероятно, они никогда явно не выбирали),
+// на минимальное '480p'. После явного выбора 720p/1080p — он сохранится
+// как и раньше, миграция повторно не отрабатывает.
+(function migrateVideoResolutionDefault() {
+  try {
+    if (localStorage.getItem('videoResolutionResetMin') === '1') return;
+    if (localStorage.getItem('videoResolution') === '720p') {
+      localStorage.setItem('videoResolution', '480p');
+    }
+    localStorage.setItem('videoResolutionResetMin', '1');
+  } catch {}
+})();
+
 const state = {
   filmHandle: null,
   currentBoard: null,   // { kind, name, key, handle, metadata, urls }
@@ -449,7 +463,7 @@ const state = {
   videoModel: localStorage.getItem('videoModel') || 'seedance-2',  // 'seedance-2' | 'kling-o1' | 'kling-3.0' | ...
   ttsModel: localStorage.getItem('ttsModel') || 'qwen/qwen3-tts',  // qwen/elevenlabs/v3/minimax/speech-02-hd/gemini
   videoDuration: +(localStorage.getItem('videoDuration') || 5),
-  videoResolution: localStorage.getItem('videoResolution') || '720p',
+  videoResolution: localStorage.getItem('videoResolution') || '480p',
   videoAspect: localStorage.getItem('videoAspect') || '9:16',
   jobs: new Map(),      // nodeId -> { boardKey, boardHandle, kind, taskId }
   undoStack: [],        // {type, ...payload}

package/renderer/styles.css

@@ -639,8 +639,14 @@
         transparent 0%, transparent 55%,
         #777 55%, #777 65%, transparent 65%,
         transparent 75%, #777 75%, #777 85%, transparent 85%);
-    opacity: 0.45; border-bottom-right-radius: 8px;
+    /* Прячем по умолчанию — handle видно только на hover ноды. Раньше
+       был opacity:0.45, и на image-нодах после v0.7.97 (square corners)
+       полоски стали хорошо видны против картинки и выглядели как
+       посторонний UI-элемент. */
+    opacity: 0; transition: opacity 0.15s;
+    border-bottom-right-radius: 8px;
   }
+  .node:hover .resize-handle { opacity: 0.55; }
   .resize-handle:hover { opacity: 1; }
 
   .node-footer {
@@ -1282,18 +1288,33 @@
   .seg-control .seg:first-child { border-radius: 4px 0 0 4px; }
   .seg-control .seg:last-child  { border-radius: 0 4px 4px 0; border-left: none; }
   .seg-control .seg.active { background: #3a5a8a; border-color: #4a6a9a; color: #fff; }
+  /* Hover ТОЛЬКО на наведённую кнопку — синеватый оттенок, чтобы видно
+     было «вот это сейчас выберется», а не серая «обычный hover» (которая
+     раньше шла от глобального button:hover и выглядела одинаково с
+     disabled-состоянием). */
+  .seg-control .seg:hover:not(.active):not(:disabled) {
+    background: #2a3854; border-color: #3a5a8a; color: #e8e8e8;
+  }
+  .seg-control .seg.active:hover:not(:disabled) {
+    background: #4a6aa0;
+  }
   .status { font-size: 12px; color: #aaa; display: flex; align-items: center; gap: 8px; }
   .status.error { color: #e07a6a; }
   .spinner { width: 14px; height: 14px; border: 2px solid #444; border-top-color: #6a8aaa; border-radius: 50%; animation: spin 0.9s linear infinite; }
   .spinner.lg { width: 32px; height: 32px; border-width: 3px; }
   @keyframes spin { to { transform: rotate(360deg); } }
 
-  /* mention popup */
+  /* mention popup — overlay, чтобы появление @-списка не двигало modal-actions
+     вниз (модалка не менялась бы по высоте). Позиционируется absolute
+     относительно <label>-родителя (см. правило ниже). */
+  .modal-card label:has(> .mention-popup) { position: relative; }
   .mention-popup {
+    position: absolute; left: 0; right: 0; top: 100%;
     background: #1e1e1e; border: 1px solid #444; border-radius: 6px;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
+    box-shadow: 0 8px 24px rgba(0,0,0,0.7);
     max-height: 240px; overflow-y: auto;
-    margin-top: 6px;
+    margin-top: 4px;
+    z-index: 100;
   }
   .mention-popup.hidden { display: none; }
   .mention-popup .mit {