kingkont 0.7.64 → 0.7.66

package/index.html

@@ -457,6 +457,38 @@
 </div>
 
 <!-- ===== Полноэкранный просмотр (image/video) ===== -->
+<!-- ===== Updates overlay (вместо отдельного BrowserWindow — на Sequoia
+     child-windows крашат V8 в ValueSerializer). ===== -->
+<div class="modal hidden" id="updatesOverlay">
+  <div class="modal-card" style="min-width:480px; max-width:560px;">
+    <h3>Обновления KingKont</h3>
+    <div class="hint" style="margin-bottom:14px;">Источник: <code>registry.npmjs.org/kingkont</code></div>
+    <div style="display:flex; gap:24px; margin-bottom:14px;">
+      <div style="flex:1;">
+        <div style="color:#888; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:4px;">Установлено</div>
+        <div id="upCurrent" style="font-size:18px; font-family:ui-monospace,monospace;">—</div>
+      </div>
+      <div style="flex:1;">
+        <div style="color:#888; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:4px;">Доступно</div>
+        <div id="upLatest" style="font-size:18px; font-family:ui-monospace,monospace;">…</div>
+      </div>
+    </div>
+    <div id="upUpdateBlock" style="display:none;">
+      <div style="display:flex; gap:8px; align-items:center; margin-bottom:8px; flex-wrap:wrap;">
+        <button id="upInstallBtn" class="primary">⬇ Установить и перезапустить</button>
+        <button id="upRelaunchBtn" class="primary" style="display:none; background:#16a34a;">↻ Перезапустить сейчас</button>
+      </div>
+      <pre id="upInstallLog" style="display:none; max-height:200px; overflow-y:auto; margin-top:10px; font-family:ui-monospace,monospace; font-size:11px; line-height:1.4; background:#0e0e0e; border:1px solid #2a2a2a; border-radius:4px; padding:8px 10px; color:#aaa; white-space:pre-wrap; word-break:break-all;"></pre>
+    </div>
+    <div id="upToDate" style="display:none; color:#16a34a; font-size:12px;">✓ У вас последняя версия.</div>
+    <div id="upError" style="display:none; color:#ef4444; font-size:12px; margin-top:12px;"></div>
+    <div class="modal-actions">
+      <button id="upRecheck">Проверить ещё раз</button>
+      <button id="upClose" class="primary">Закрыть</button>
+    </div>
+  </div>
+</div>
+
 <!-- ===== Дефолтные промпты сцены (multi, с тегами kind) ===== -->
 <div class="modal hidden" id="defaultPromptsModal">
   <div class="modal-card" style="min-width:600px; max-width:760px;">

package/main.js

@@ -398,37 +398,20 @@ ipcMain.handle('settings-window:close', () => {
 });
 ipcMain.handle('settings-window:open', () => openSettingsWindow());
 
-// ===== Updates window + npm version check =====
-let updatesWin = null;
+// ===== Updates: показываем как overlay внутри основного окна =====
+// Раньше открывалось отдельное BrowserWindow. На macOS Sequoia 15.7 это
+// крашило V8 в ValueSerializer при IPC (даже после bump'а до Electron 33).
+// Решение — рендерить overlay внутри main window'а, child window не создаём.
 function openUpdatesWindow() {
-  if (updatesWin && !updatesWin.isDestroyed()) {
-    updatesWin.focus();
-    return;
+  if (win && !win.isDestroyed()) {
+    win.show();
+    win.focus();
+    win.webContents.send('menu:open-updates');
   }
-  // Не используем parent: win — на macOS Sequoia 15.7 + Electron 32 это
-  // приводит к V8 CHECK-крашу `v8::BackingStore::MaxByteLength` при создании
-  // child-window. Окно обновлений и так логически независимое.
-  updatesWin = new BrowserWindow({
-    width: 480,
-    height: 380,
-    title: 'Обновления',
-    resizable: false,
-    minimizable: false,
-    maximizable: false,
-    backgroundColor: '#1a1a1a',
-    webPreferences: {
-      contextIsolation: true,
-      nodeIntegration: false,
-      preload: path.join(__dirname, 'preload.js'),
-    },
-  });
-  updatesWin.removeMenu();
-  updatesWin.loadFile(path.join(__dirname, 'updates.html'));
-  updatesWin.on('closed', () => { updatesWin = null; });
 }
-ipcMain.handle('updates-window:close', () => {
-  if (updatesWin && !updatesWin.isDestroyed()) updatesWin.close();
-});
+// Старый close-window IPC — оставлен no-op для backward-compat (если old
+// updates.html ещё где-то остался). Renderer теперь сам закрывает overlay.
+ipcMain.handle('updates-window:close', () => { /* no-op */ });
 
 // Простой semver-сравнитель: возвращает true если b > a (есть более свежая).
 // Поддерживает X.Y.Z и pre-release suffix через '-' (rc/beta пропускаем как not-newer).

package/package.json

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

package/preload.js

@@ -18,7 +18,7 @@ contextBridge.exposeInMainWorld('appMenu', {
   on: (channel, cb) => {
     const allowed = ['open-film', 'new-episode', 'new-character', 'new-location',
                      'undo', 'redo', 'toggle-timeline', 'close-project',
-                     'close-window-or-project', 'open-settings'];
+                     'close-window-or-project', 'open-settings', 'open-updates'];
     if (!allowed.includes(channel)) return;
     ipcRenderer.on(`menu:${channel}`, (_e, payload) => cb(payload));
   },

package/renderer/board.js

@@ -36,6 +36,7 @@ window.addEventListener('DOMContentLoaded', async () => {
       else window.appWindow?.minimize();
     });
     window.appMenu.on('open-settings', () => openSettings());
+    window.appMenu.on('open-updates', () => openUpdatesOverlay());
   }
   // Восстановить состояние панелей таймлайна/превью/реплик
   const tlOpen = localStorage.getItem('timelineOpen') === '1';
@@ -603,6 +604,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);
@@ -1312,6 +1316,91 @@ async function selectBoard(board) {
   startExternalWatcher();
 }
 
+// =============================================================================
+// Updates overlay — проверка/установка обновлений KingKont прямо в основном
+// окне (без создания child BrowserWindow, который на macOS Sequoia крашит
+// V8 в ValueSerializer при IPC).
+// =============================================================================
+
+let _updatesUnsubLog = null;
+
+async function openUpdatesOverlay() {
+  const overlay = $('updatesOverlay');
+  if (!overlay) return;
+  overlay.classList.remove('hidden');
+  // Сброс state.
+  $('upError').style.display = 'none';
+  $('upUpdateBlock').style.display = 'none';
+  $('upToDate').style.display = 'none';
+  $('upInstallLog').style.display = 'none';
+  $('upRelaunchBtn').style.display = 'none';
+  $('upInstallBtn').style.display = '';
+  $('upInstallBtn').disabled = false;
+  $('upInstallBtn').textContent = '⬇ Установить и перезапустить';
+  $('upLatest').textContent = '…';
+  await checkUpdates();
+}
+
+async function checkUpdates() {
+  $('upError').style.display = 'none';
+  $('upUpdateBlock').style.display = 'none';
+  $('upToDate').style.display = 'none';
+  $('upLatest').textContent = '…';
+  $('upRecheck').disabled = true;
+  try {
+    const r = await window.appUpdates.check();
+    $('upCurrent').textContent = r.current;
+    $('upLatest').textContent = r.latest;
+    if (r.isNew) {
+      $('upUpdateBlock').style.display = '';
+    } else {
+      $('upToDate').style.display = '';
+    }
+    $('upUpdateBlock').dataset.target = r.latest;
+  } catch (e) {
+    $('upLatest').textContent = '—';
+    $('upError').style.display = '';
+    $('upError').textContent = 'Не удалось проверить: ' + (e?.message || String(e));
+  } finally {
+    $('upRecheck').disabled = false;
+  }
+}
+
+document.getElementById('upClose')?.addEventListener('click', () => {
+  $('updatesOverlay').classList.add('hidden');
+  if (_updatesUnsubLog) { _updatesUnsubLog(); _updatesUnsubLog = null; }
+});
+document.getElementById('upRecheck')?.addEventListener('click', () => checkUpdates());
+document.getElementById('upInstallBtn')?.addEventListener('click', async () => {
+  const btn = $('upInstallBtn');
+  const log = $('upInstallLog');
+  const target = $('upUpdateBlock').dataset.target || 'latest';
+  btn.disabled = true;
+  btn.textContent = 'Устанавливаю…';
+  log.style.display = '';
+  log.textContent = '';
+  log.style.color = '#aaa';
+  if (_updatesUnsubLog) _updatesUnsubLog();
+  _updatesUnsubLog = window.appUpdates.onInstallOutput(({ stream, text }) => {
+    log.textContent += text;
+    log.scrollTop = log.scrollHeight;
+    if (stream === 'stderr') log.style.color = '#f88';
+  });
+  try {
+    await window.appUpdates.install(target);
+    btn.style.display = 'none';
+    $('upRelaunchBtn').style.display = '';
+  } catch (e) {
+    log.style.color = '#f88';
+    log.textContent += `\n[error] ${e?.message || String(e)}`;
+    btn.disabled = false;
+    btn.textContent = '⬇ Попробовать снова';
+  } finally {
+    if (_updatesUnsubLog) { _updatesUnsubLog(); _updatesUnsubLog = null; }
+  }
+});
+document.getElementById('upRelaunchBtn')?.addEventListener('click', () => window.appUpdates.relaunch());
+
 // =============================================================================
 // External file watcher (FSAH polling).
 // FSAH не имеет нативного file-watch API — поллим scene.json's lastModified

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