kingkont 0.8.0 → 0.8.1

package/package.json

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

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/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 {