kingkont 0.7.0 → 0.7.1

package/index.html

@@ -949,7 +949,7 @@
 <aside class="sidebar">
   <div class="sidebar-header">
     <div class="brand">
-      <img src="assets/logo-square.svg" alt="" draggable="false">
+      <img src="assets/logo-square.svg" alt="" draggable="false" id="brandLogo" title="Дабл-клик — настройки" style="cursor:pointer;">
       <div style="min-width:0; flex:1;">
         <div class="title">KingKont</div>
         <div class="sub" id="brandSub">Видео-редактор</div>
@@ -979,7 +979,7 @@
     <div class="sidebar-list" id="episodeList"></div>
   </div>
   <div class="sidebar-footer">
-    <span id="balanceInfo" class="balance-info" style="display:none;" title="Баланс Chatium-аккаунта · клик — лог списаний" onclick="window.openTxLog && window.openTxLog()">
+    <span id="balanceInfo" class="balance-info" style="display:none;" title="Баланс KingKont-аккаунта · клик — лог списаний" onclick="window.openTxLog && window.openTxLog()">
       <span class="dot"></span>
       <span id="balanceValue">— credits</span>
     </span>
@@ -991,7 +991,7 @@
 <!-- Welcome-экран: виден только когда body.no-project -->
 <div class="welcome" id="welcome">
   <div class="welcome-inner">
-    <img class="welcome-logo" src="assets/logo-square.svg" alt="" draggable="false">
+    <img class="welcome-logo" src="assets/logo-square.svg" alt="" draggable="false" id="welcomeLogo" title="Дабл-клик — настройки" style="cursor:pointer;">
     <h1 class="welcome-title">KingKont</h1>
     <div class="welcome-sub">Видео-редактор</div>
     <button id="welcomeOpen" class="welcome-open primary">Открыть проект</button>
@@ -1301,6 +1301,14 @@
         <button class="seg" data-img-model="sdxl-lightning" type="button" title="Очень быстрая (3-5с)">⚡ SDXL Lightning</button>
       </div>
     </label>
+    <label id="videoModelRow" style="display: none;">Модель для видео
+      <div class="seg-control">
+        <button class="seg active" data-vid-model="seedance-2" type="button" title="ByteDance Seedance 2 — основная">Seedance 2</button>
+        <button class="seg" data-vid-model="seedance-2-fast" type="button" title="Быстрее, чуть проще качество">⚡ Seedance 2 Fast</button>
+        <button class="seg" data-vid-model="kling-o1" type="button" title="Kling O1 — креативный, поддерживает reference-видео">Kling O1</button>
+        <button class="seg" data-vid-model="kling-3.0" type="button" title="Kling 3.0 — multi-shot до 15с">Kling 3.0</button>
+      </div>
+    </label>
     <label id="videoOptionsRow" style="display: none;">Параметры видео
       <div style="display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px;">
         <div style="flex: 1; min-width: 200px;">
@@ -1719,7 +1727,8 @@ const state = {
   filmHandle: null,
   currentBoard: null,   // { kind, name, key, handle, metadata, urls }
   genKind: 'image',
-  imageModel: 'nano-banana-2',  // 'nano-banana-2' | 'grok'
+  imageModel: 'nano-banana-2',  // 'nano-banana-2' | 'grok' | ...
+  videoModel: localStorage.getItem('videoModel') || 'seedance-2',  // 'seedance-2' | 'kling-o1' | 'kling-3.0' | ...
   videoDuration: +(localStorage.getItem('videoDuration') || 5),
   videoResolution: localStorage.getItem('videoResolution') || '720p',
   videoAspect: localStorage.getItem('videoAspect') || '9:16',
@@ -1968,7 +1977,7 @@ window.addEventListener('DOMContentLoaded', async () => {
   // Восстановить состояние панелей таймлайна/превью/реплик
   const tlOpen = localStorage.getItem('timelineOpen') === '1';
   const pvOpen = localStorage.getItem('previewOpen') === '1';
-  const rqOpen = localStorage.getItem('repliquesOpen') === '1';
+  const rqOpen = false; // localStorage.getItem('repliquesOpen') === '1';  — панель реплик скрыта
   if (tlOpen) $('timelinePanel').classList.remove('hidden');
   // Превью больше не скрывается — состояние управляется previewCollapsed
   if (rqOpen) $('repliquesPanel').classList.remove('hidden');
@@ -2006,6 +2015,13 @@ window.addEventListener('DOMContentLoaded', async () => {
   // Стартуем обновление баланса. Сразу + каждые 60 сек.
   refreshBalance().catch(() => {});
   setInterval(() => { refreshBalance().catch(() => {}); }, 60_000);
+
+  // Дабл-клик на логотипе (sidebar или welcome) → открытие окна настроек.
+  const openSettingsFromLogo = () => {
+    if (window.appSettings?.openSettingsWindow) window.appSettings.openSettingsWindow();
+  };
+  document.getElementById('brandLogo')?.addEventListener('dblclick', openSettingsFromLogo);
+  document.getElementById('welcomeLogo')?.addEventListener('dblclick', openSettingsFromLogo);
 });
 
 // === Баланс Chatium ===
@@ -2896,13 +2912,14 @@ async function selectBoard(board) {
   }
   emptyState.classList.add('hidden');
   $('charSettingsBtn').style.display = board.kind === 'character' ? '' : 'none';
-  // Авто-открытие/закрытие панели реплик в зависимости от типа board.
-  if (board.kind === 'character') {
-    openRepliquesFor(board.name).catch(e => console.warn('replicas open failed', e));
-  } else {
-    $('repliquesPanel').classList.add('hidden');
-    localStorage.setItem('repliquesOpen', '0');
-  }
+  // Панель реплик скрыта (юзер попросил убрать из карточки персонажа).
+  // Сами данные реплик в scene.json не трогаем — таймлайн и character-озвучка
+  // продолжают работать. Если понадобится вернуть — расскомментируй ниже.
+  $('repliquesPanel').classList.add('hidden');
+  localStorage.setItem('repliquesOpen', '0');
+  // if (board.kind === 'character') {
+  //   openRepliquesFor(board.name).catch(e => console.warn('replicas open failed', e));
+  // }
   localStorage.setItem(`lastBoard:${state.filmHandle.name}`,
     JSON.stringify({ kind: board.kind, name: board.name }));
   await refreshSidebar();
@@ -3740,6 +3757,8 @@ async function openGenerateForRef(fromNode, clientX, clientY, forceKind) {
       b.classList.toggle('active', b.dataset.kind === forceKind));
     $('imageModelRow').style.display = forceKind === 'image' ? '' : 'none';
     $('videoOptionsRow').style.display = forceKind === 'video' ? '' : 'none';
+
+    $('videoModelRow').style.display = forceKind === 'video' ? '' : 'none';
     $('voiceRow').style.display      = forceKind === 'audio' ? '' : 'none';
     $('tonesRow').style.display      = forceKind === 'audio' ? '' : 'none';
     const titleEl = $('genTitle');
@@ -4990,6 +5009,8 @@ async function regenerateNode(node) {
     b.classList.toggle('active', b.dataset.kind === state.genKind));
   $('imageModelRow').style.display = state.genKind === 'image' ? '' : 'none';
   $('videoOptionsRow').style.display = state.genKind === 'video' ? '' : 'none';
+
+  $('videoModelRow').style.display = state.genKind === 'video' ? '' : 'none';
   $('voiceRow').style.display      = state.genKind === 'audio' ? '' : 'none';
 
   if (g.modelKey && state.genKind === 'image') {
@@ -5002,7 +5023,9 @@ async function regenerateNode(node) {
     if (g.duration) state.videoDuration = g.duration;
     if (g.resolution) state.videoResolution = g.resolution;
     if (g.aspectRatio) state.videoAspect = g.aspectRatio;
+    if (g.modelKey) state.videoModel = g.modelKey;
     syncVideoOptionsActive();
+    syncVideoModelActive();
   }
   if (state.genKind === 'audio') {
     await loadVoices();
@@ -5092,7 +5115,7 @@ async function regenerateInto(node, kind, rawPrompt, opts = {}) {
     }
     resolvedPrompt = resolveMentions(rawPrompt, refs);
   } else {
-    modelKey = kind === 'image' ? state.imageModel : 'seedance-2';
+    modelKey = kind === 'image' ? state.imageModel : (state.videoModel || 'seedance-2');
     refs = gatherMediaRefs(rawPrompt);
     // Подмешиваем "исходный кадр" — текущий файл ноды как референс при редактировании
     let sourceMarker = '';
@@ -5133,7 +5156,12 @@ async function regenerateInto(node, kind, rawPrompt, opts = {}) {
          'flux-schnell': 'flux/schnell',
          'sdxl-lightning': 'sdxl/lightning',
          'nano-banana-2': 'nano-banana-2' }[modelKey] || 'nano-banana-2')
-    : kind === 'video' ? 'bytedance/seedance-2'
+    : kind === 'video' ? ({
+        'seedance-2':       'bytedance/seedance-2',
+        'seedance-2-fast':  'bytedance/seedance-2-fast',
+        'kling-o1':         'kwaivgi/kling-o1',
+        'kling-3.0':        'kling-3.0/video',
+      }[modelKey] || 'bytedance/seedance-2')
     : kind === 'text' ? modelKey      // полный slug OpenRouter
     : 'eleven_v3';                     // audio
 
@@ -5930,6 +5958,8 @@ function openPhraseFor(charInfo) {
     b.classList.toggle('active', b.dataset.kind === 'audio'));
   $('imageModelRow').style.display = 'none';
   $('videoOptionsRow').style.display = 'none';
+
+  $('videoModelRow').style.display = 'none';
   $('voiceRow').style.display = '';
   $('tonesRow').style.display = '';
   loadVoices().then(() => {
@@ -6109,6 +6139,8 @@ async function openGenModal(kind) {
   // Видимость рядов под текущий kind
   $('imageModelRow').style.display = kind === 'image' ? '' : 'none';
   $('videoOptionsRow').style.display = kind === 'video' ? '' : 'none';
+
+  $('videoModelRow').style.display = kind === 'video' ? '' : 'none';
   $('voiceRow').style.display      = kind === 'audio' ? '' : 'none';
   $('tonesRow').style.display      = kind === 'audio' ? '' : 'none';
   // Заголовок модалки = действие
@@ -6527,6 +6559,8 @@ document.querySelectorAll('#genModal [data-kind]').forEach(b => {
     state.genKind = b.dataset.kind;
     $('imageModelRow').style.display = state.genKind === 'image' ? '' : 'none';
     $('videoOptionsRow').style.display = state.genKind === 'video' ? '' : 'none';
+
+    $('videoModelRow').style.display = state.genKind === 'video' ? '' : 'none';
     $('voiceRow').style.display      = state.genKind === 'audio' ? '' : 'none';
     $('tonesRow').style.display      = state.genKind === 'audio' ? '' : 'none';
     if (state.genKind === 'audio') { loadVoices(); renderTones(); }
@@ -6782,6 +6816,20 @@ document.querySelectorAll('#genModal [data-img-model]').forEach(b => {
     state.imageModel = b.dataset.imgModel;
   });
 });
+// Переключатель модели видео
+document.querySelectorAll('#genModal [data-vid-model]').forEach(b => {
+  b.addEventListener('click', () => {
+    document.querySelectorAll('#genModal [data-vid-model]').forEach(x => x.classList.remove('active'));
+    b.classList.add('active');
+    state.videoModel = b.dataset.vidModel;
+    localStorage.setItem('videoModel', state.videoModel);
+  });
+});
+// Подсветить активную video-модель при открытии modal'а
+function syncVideoModelActive() {
+  document.querySelectorAll('#genModal [data-vid-model]').forEach(b =>
+    b.classList.toggle('active', b.dataset.vidModel === state.videoModel));
+}
 // Переключатели длительности и разрешения для видео
 document.querySelectorAll('#genModal [data-vid-dur]').forEach(b => {
   b.addEventListener('click', () => {
@@ -6818,6 +6866,7 @@ function syncVideoOptionsActive() {
     b.classList.toggle('active', b.dataset.vidAsp === state.videoAspect));
 }
 syncVideoOptionsActive();
+syncVideoModelActive();
 
 $('genCancel').addEventListener('click', () => {
   state.pendingConnectionFrom = null;
@@ -7014,7 +7063,7 @@ $('genSubmit').addEventListener('click', async () => {
       kind,
       prompt: resolvedPrompt,
       rawPrompt,
-      modelKey: kind === 'image' ? state.imageModel : 'seedance-2',
+      modelKey: kind === 'image' ? state.imageModel : (state.videoModel || 'seedance-2'),
       model: kind === 'image'
         ? ({
             'grok': 'grok-imagine/text-to-image',
@@ -7022,7 +7071,12 @@ $('genSubmit').addEventListener('click', async () => {
             'seedream-5-lite': 'seedream/5-lite-text-to-image',
             'nano-banana-2': 'nano-banana-2',
           }[state.imageModel] || 'nano-banana-2')
-        : 'bytedance/seedance-2',
+        : ({
+            'seedance-2':       'bytedance/seedance-2',
+            'seedance-2-fast':  'bytedance/seedance-2-fast',
+            'kling-o1':         'kwaivgi/kling-o1',
+            'kling-3.0':        'kling-3.0/video',
+          }[state.videoModel || 'seedance-2'] || 'bytedance/seedance-2'),
       refs: mediaRefs.map(r => ({ name: r.name, type: r.type, file: r.file })),
       // Связь с родительской нодой (выведена через "вытягивание"). Хранится
       // даже если sourceRef.use=false в state — сохраняем структурную связь.
@@ -7728,6 +7782,8 @@ async function openGenAudioForTimeline(charInfo, track, time) {
     b.classList.toggle('active', b.dataset.kind === 'audio'));
   $('imageModelRow').style.display = 'none';
   $('videoOptionsRow').style.display = 'none';
+
+  $('videoModelRow').style.display = 'none';
   $('voiceRow').style.display = '';
   $('tonesRow').style.display = '';
   $('sourceRefRow').style.display = 'none';

package/main.js

@@ -346,6 +346,85 @@ function openSettingsWindow() {
 ipcMain.handle('settings-window:close', () => {
   if (settingsWin && !settingsWin.isDestroyed()) settingsWin.close();
 });
+ipcMain.handle('settings-window:open', () => openSettingsWindow());
+
+// ===== Updates window + npm version check =====
+let updatesWin = null;
+function openUpdatesWindow() {
+  if (updatesWin && !updatesWin.isDestroyed()) {
+    updatesWin.focus();
+    return;
+  }
+  updatesWin = new BrowserWindow({
+    width: 480,
+    height: 380,
+    title: 'Обновления',
+    parent: win || undefined,
+    modal: false,
+    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();
+});
+
+// Простой semver-сравнитель: возвращает true если b > a (есть более свежая).
+// Поддерживает X.Y.Z и pre-release suffix через '-' (rc/beta пропускаем как not-newer).
+function isNewerVersion(a, b) {
+  const pa = String(a).split('-')[0].split('.').map(n => parseInt(n, 10) || 0);
+  const pb = String(b).split('-')[0].split('.').map(n => parseInt(n, 10) || 0);
+  for (let i = 0; i < Math.max(pa.length, pb.length); i++) {
+    const x = pa[i] || 0, y = pb[i] || 0;
+    if (y > x) return true;
+    if (y < x) return false;
+  }
+  return false;
+}
+
+async function fetchLatestVersion() {
+  // npm registry GET /<pkg>/latest → { version, ... }
+  const r = await fetch('https://registry.npmjs.org/kingkont/latest', {
+    headers: { 'Accept': 'application/json' },
+  });
+  if (!r.ok) throw new Error(`npm registry HTTP ${r.status}`);
+  const d = await r.json();
+  if (!d.version) throw new Error('registry без поля version');
+  return d.version;
+}
+
+ipcMain.handle('updates:check', async () => {
+  const current = app.getVersion();
+  const latest = await fetchLatestVersion();
+  return { current, latest, isNew: isNewerVersion(current, latest) };
+});
+
+// Фоновая проверка при старте: если есть свежая — открываем окно автоматом.
+// Чтобы не доставать юзера до открытия проекта, ждём 5 сек после createWindow.
+async function backgroundCheckUpdates() {
+  try {
+    const current = app.getVersion();
+    const latest = await fetchLatestVersion();
+    if (isNewerVersion(current, latest)) {
+      console.log(`[updates] новая версия ${latest} (текущая ${current})`);
+      openUpdatesWindow();
+    } else {
+      console.log(`[updates] актуально (${current})`);
+    }
+  } catch (e) {
+    console.warn('[updates] check failed:', e?.message);
+  }
+}
 
 // ===== Recents persisted в userData/recents.json (переживает quota-reset IDB) =====
 function recentsPath() {
@@ -405,6 +484,7 @@ function buildMenu() {
     label: 'KingKont',
     submenu: [
       { label: 'О программе KingKont', role: 'about' },
+      { label: 'Проверить обновления…', click: () => openUpdatesWindow() },
       { type: 'separator' },
       { label: 'Настройки…', accelerator: 'Cmd+,', click: () => openSettingsWindow() },
       { type: 'separator' },
@@ -453,6 +533,7 @@ function buildMenu() {
         ...(isMac ? [] : [
           { type: 'separator' },
           { label: 'Настройки…', accelerator: 'CmdOrCtrl+,', click: () => openSettingsWindow() },
+          { label: 'Проверить обновления…', click: () => openUpdatesWindow() },
           { type: 'separator' },
           { role: 'quit' },
         ]),
@@ -579,6 +660,10 @@ app.whenReady().then(async () => {
   await createWindow();
   buildMenu();
 
+  // Background check обновлений: ждём чтобы юзер увидел welcome/restore,
+  // потом тихо ходим в npm registry. Если есть свежая — показываем окно.
+  setTimeout(() => { backgroundCheckUpdates(); }, 5000);
+
   app.on('activate', () => {
     if (BrowserWindow.getAllWindows().length === 0) createWindow();
   });

package/package.json

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

package/preload.js

@@ -45,6 +45,13 @@ contextBridge.exposeInMainWorld('appSettings', {
   get: () => ipcRenderer.invoke('settings:get'),
   save: (partial) => ipcRenderer.invoke('settings:save', partial),
   closeSettingsWindow: () => ipcRenderer.invoke('settings-window:close'),
+  openSettingsWindow: () => ipcRenderer.invoke('settings-window:open'),
+});
+
+// Проверка обновлений через npm registry (в main-процессе).
+contextBridge.exposeInMainWorld('appUpdates', {
+  check: () => ipcRenderer.invoke('updates:check'),
+  closeWindow: () => ipcRenderer.invoke('updates-window:close'),
 });
 
 // Авторизация в Chatium через loopback OAuth-flow.

package/settings.html

@@ -101,26 +101,26 @@
 <div class="wrap">
   <h1>Настройки</h1>
 
-  <h2>Chatium</h2>
+  <h2>KingKont</h2>
   <div class="card" id="chatiumCard">
     <label class="use-toggle" for="useChatium">
       <input type="checkbox" id="useChatium" />
-      <span class="label-text">Использовать Chatium <span class="sub">— текст / аудио / видео через kingkont.ru</span></span>
+      <span class="label-text">Использовать KingKont <span class="sub">— текст / аудио / видео через kingkont.ru</span></span>
     </label>
     <div class="chatium-state">
       <div class="dot off" id="chatiumDot"></div>
       <div class="who" id="chatiumWho">
         <b>Не подключено</b>
-        <small>Авторизация нужна для генерации текста, аудио и видео через Chatium.</small>
+        <small>Авторизация нужна для генерации текста, аудио и видео через KingKont.</small>
       </div>
     </div>
     <div class="row">
-      <button id="chatiumLogin">Войти в Chatium</button>
+      <button id="chatiumLogin">Войти в KingKont</button>
       <button id="chatiumLogout" class="danger" style="display:none;">Выйти</button>
       <button id="chatiumRefresh" class="secondary">Проверить</button>
     </div>
     <div class="error" id="chatiumError" style="display:none;"></div>
-    <div class="hint">Откроется браузер для входа в Chatium. После подтверждения авторизация сохранится локально и будет использоваться приложением для запросов к нейросетям.</div>
+    <div class="hint">Откроется браузер для входа в KingKont. После подтверждения авторизация сохранится локально и будет использоваться приложением для запросов к нейросетям.</div>
   </div>
 
   <h2>Прямые коннекторы</h2>
@@ -231,7 +231,7 @@ function renderChatiumState(chatium) {
     logoutBtn.style.display = '';
   } else {
     dot.classList.remove('on'); dot.classList.add('off');
-    who.innerHTML = `<b>Не подключено</b><small>Авторизация нужна для генерации текста, аудио и видео через Chatium.</small>`;
+    who.innerHTML = `<b>Не подключено</b><small>Авторизация нужна для генерации текста, аудио и видео через KingKont.</small>`;
     loginBtn.style.display = '';
     logoutBtn.style.display = 'none';
   }