kingkont 0.7.64 → 0.7.65

package/package.json

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

package/renderer/board.js

@@ -603,6 +603,9 @@ async function closeProject() {
   if (state.currentBoard?.urls) {
     for (const u of Object.values(state.currentBoard.urls)) URL.revokeObjectURL(u);
   }
+  // Освобождаем blob URL'ы для миниатюр @-popup'а — они грузились лазиво
+  // при открытии mention-popup, кэш накапливался.
+  if (typeof revokeMentionThumbCache === 'function') revokeMentionThumbCache();
   state.filmHandle = null;
   state.currentBoard = null;
   window.appProject?.notifyState(false);

package/renderer/media.js

@@ -1132,6 +1132,8 @@ function updateMentionPopup() {
             type: 'image',
             scope: 'char-image',
             charName: c.name,
+            file: img.file,
+            boardHandle: c.handle,
           });
         }
       }
@@ -1146,6 +1148,8 @@ function updateMentionPopup() {
               type: 'image',
               scope: 'loc-image',
               locName: l.name,
+              file: img.file,
+              boardHandle: l.handle,
             });
           }
         }
@@ -1162,6 +1166,9 @@ function updateMentionPopup() {
         type: 'image',
         scope: 'char',
         hasImages, hasSheet: !!c.characterSheet,
+        // Превью: characterSheet если есть, иначе первая imageNodes.
+        file: c.characterSheet || c.imageNodes?.[0]?.file || null,
+        boardHandle: c.handle,
       });
     }
     items = items.filter(s => s.key.toLowerCase().includes(query)).slice(0, 16);
@@ -1174,7 +1181,11 @@ function updateMentionPopup() {
     for (const n of state.currentBoard.metadata.nodes) {
       if (!n.name || !n.id) continue;
       if (!allowed.includes(n.type)) continue;
-      items.push({ key: n.name, label: n.name, type: n.type, scope: 'board' });
+      items.push({
+        key: n.name, label: n.name, type: n.type, scope: 'board',
+        file: n.file || null,
+        boardHandle: state.currentBoard.handle,
+      });
     }
     if (state.genKind === 'image' || state.genKind === 'video') {
       for (const c of state.charactersInfo) {
@@ -1187,6 +1198,8 @@ function updateMentionPopup() {
             type: 'image',
             scope: 'char',
             hasImages, hasSheet: !!c.characterSheet,
+            file: c.characterSheet || c.imageNodes?.[0]?.file || null,
+            boardHandle: c.handle,
           });
         }
       }
@@ -1200,6 +1213,8 @@ function updateMentionPopup() {
             type: 'image',
             scope: 'loc',
             hasImages, hasSheet: !!l.sheet,
+            file: l.sheet || l.imageNodes?.[0]?.file || null,
+            boardHandle: l.handle,
           });
         }
       }
@@ -1222,6 +1237,14 @@ function updateMentionPopup() {
       const it = document.createElement('div');
       it.className = 'mit' + (i === 0 ? ' selected' : '');
       it.dataset.idx = i;
+      // Превью миниатюра — только для image-items с file. Лазиво грузим
+      // через blob URL (с кешем mentionThumbCache).
+      if (s.type === 'image' && s.file && s.boardHandle) {
+        const img = document.createElement('img');
+        img.className = 'mit-thumb';
+        loadMentionThumb(s.boardHandle, s.file).then(url => { if (url) img.src = url; }).catch(() => {});
+        it.appendChild(img);
+      }
       const t = document.createElement('span');
       t.className = `mtype ${s.type}`;
       t.textContent = s.scope === 'char' ? 'персонаж'
@@ -1239,6 +1262,30 @@ function updateMentionPopup() {
   popup.classList.remove('hidden');
 }
 
+// Кеш blob URL'ов для миниатюр @-popup'а. Ключ = boardHandle.name + ':' + file.
+// blobURL'ы НЕ revoke'аются автоматически — копят память пока юзер открыт
+// в проекте; при закрытии проекта чистятся (revokeMentionThumbCache).
+// Это OK потому что миниатюры маленькие, и одна и та же картинка часто
+// показывается в нескольких popup'ах без релоада.
+const _mentionThumbCache = new Map();
+async function loadMentionThumb(boardHandle, file) {
+  if (!boardHandle || !file) return null;
+  const key = (boardHandle.name || '?') + ':' + file;
+  if (_mentionThumbCache.has(key)) return _mentionThumbCache.get(key);
+  try {
+    const fh = await resolveBoardFile(boardHandle, file);
+    const f = await fh.getFile();
+    if (!f.type?.startsWith('image/') && !/\.(jpe?g|png|gif|webp|avif)$/i.test(file)) return null;
+    const url = URL.createObjectURL(f);
+    _mentionThumbCache.set(key, url);
+    return url;
+  } catch { return null; }
+}
+function revokeMentionThumbCache() {
+  for (const url of _mentionThumbCache.values()) { try { URL.revokeObjectURL(url); } catch {} }
+  _mentionThumbCache.clear();
+}
+
 function closeMentionPopup() {
   mentionState.open = false;
   $('mentionPopup').classList.add('hidden');
@@ -1297,20 +1344,59 @@ $('genPrompt').addEventListener('keydown', e => {
 });
 
 // =================== Character settings ===================
+// Хелпер: пути к именованным image-нодам доски. Если эта доска сейчас
+// открыта в state.currentBoard — берём свежие in-memory нодии (юзер мог
+// только что добавить ноду, scheduleSave ещё не flush'нул на диск).
+// Иначе грузим с диска через loadBoardMetadata.
+// Включаем nameless-ноды по basename файла — без этого только что
+// созданные ноды не появляются в @-popup'е.
+async function _scanBoardForRefs(itemKind, item) {
+  let nodes, character, location;
+  const isActive = state.currentBoard?.kind === itemKind && state.currentBoard.name === item.name;
+  if (isActive) {
+    nodes = state.currentBoard.metadata.nodes || [];
+    character = state.currentBoard.metadata.character;
+    location = state.currentBoard.metadata.location;
+  } else {
+    const meta = await loadBoardMetadata(item.handle);
+    nodes = meta.nodes || [];
+    character = meta.character;
+    location = meta.location;
+  }
+  // Image-ноды с file. Имя берём из n.name если есть, иначе basename файла
+  // без расширения. Дедупим по итоговому labelKey.
+  const seen = new Set();
+  const imageNodes = [];
+  for (const n of nodes) {
+    if (n.type !== 'image' || !n.file) continue;
+    let label = (n.name || '').trim();
+    if (!label) {
+      // basename без расширения
+      const base = n.file.split('/').pop() || '';
+      label = base.replace(/\.[^.]+$/, '') || base;
+    }
+    // Дедуп: если 2 ноды с одинаковым label → к второй припишем -<short id>
+    let key = label;
+    if (seen.has(key)) {
+      key = `${label}-${(n.id || '').slice(0, 4)}`;
+    }
+    seen.add(key);
+    imageNodes.push({ name: key, file: n.file, id: n.id });
+  }
+  return { imageNodes, character, location };
+}
+
 async function loadAllCharactersInfo() {
   if (!state.filmHandle) return;
   const chars = await listCharacters(state.filmHandle);
   const info = [];
   for (const c of chars) {
     try {
-      const meta = await loadBoardMetadata(c.handle);
-      const imageNodes = meta.nodes
-        .filter(n => n.type === 'image' && n.file && n.name)
-        .map(n => ({ name: n.name, file: n.file, id: n.id }));
+      const { imageNodes, character } = await _scanBoardForRefs('character', c);
       info.push({
         name: c.name,
         handle: c.handle,
-        ...(meta.character || {}),
+        ...(character || {}),
         imageNodes,
       });
     } catch {}
@@ -1354,14 +1440,11 @@ async function loadAllLocationsInfo() {
   const info = [];
   for (const l of locs) {
     try {
-      const meta = await loadBoardMetadata(l.handle);
-      const imageNodes = meta.nodes
-        .filter(n => n.type === 'image' && n.file && n.name)
-        .map(n => ({ name: n.name, file: n.file, id: n.id }));
+      const { imageNodes, location } = await _scanBoardForRefs('location', l);
       info.push({
         name: l.name,
         handle: l.handle,
-        sheet: meta.location?.sheet || null,
+        sheet: location?.sheet || null,
         imageNodes,
       });
     } catch {}

package/renderer/styles.css

@@ -1036,6 +1036,10 @@
   .mention-popup .mit .mtype.audio { background: #6a4a2a; color: #e6c8aa; }
   .mention-popup .mit .mtype.text  { background: #2a6a2a; color: #c8e6aa; }
   .mention-popup .mit .mtype.image { background: #5a2a6a; color: #e6aac8; }
+  .mention-popup .mit .mit-thumb {
+    width: 28px; height: 28px; border-radius: 3px; object-fit: cover;
+    flex-shrink: 0; background: #1a1a1a; border: 1px solid #333;
+  }
   .mention-popup .empty-msg { padding: 8px 12px; color: #666; font-size: 12px; }
 
   .settings-row { display: flex; flex-direction: column; gap: 4px; }