kingkont 0.7.53 → 0.7.55

package/index.html

@@ -352,6 +352,9 @@
     </label>
     <label id="imageOptionsRow">Соотношение сторон
       <div class="seg-control" id="imageAspectCtl">
+        <button class="seg" data-img-asp="source" type="button" id="imgAspSource"
+                title="Взять формат у исходной картинки-референса"
+                style="display:none;">↺ Как у исходной</button>
         <button class="seg active" data-img-asp="1:1" type="button">1:1</button>
         <button class="seg" data-img-asp="16:9" type="button">16:9</button>
         <button class="seg" data-img-asp="9:16" type="button">9:16</button>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.7.53",
+  "version": "0.7.55",
   "description": "KingKont \u00b7 Chatium \u2014 \u043d\u043e\u0434-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0446\u0435\u043d \u0441 AI-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0435\u0439 (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438/\u0432\u0438\u0434\u0435\u043e/\u0433\u043e\u043b\u043e\u0441/SFX/\u043c\u0443\u0437\u044b\u043a\u0430/\u0442\u0435\u043a\u0441\u0442)",
   "main": "main.js",
   "bin": {

package/renderer/board.js

@@ -704,32 +704,23 @@ async function promptBoardAspectRatio(kind, item) {
   const current = isActive
     ? (state.currentBoard.metadata.settings?.aspectRatio || '9:16')
     : (await loadBoardMetadata(item.handle)).settings?.aspectRatio || '9:16';
-  const choices = ASPECT_OPTIONS.join(' / ');
-  const ans = window.prompt(
-    `Соотношение сторон для генераций image/video в «${item.name}».\n` +
-    `Применяется когда нода или gen-модалка не указывают своё.\n\n` +
-    `Доступные значения: ${choices}\n` +
-    `Текущее: ${current}`,
+  const chosen = await askChoice(
+    `Соотношение сторон для «${item.name}» (image/video). Текущее: ${current}`,
+    ASPECT_OPTIONS,
     current,
   );
-  if (ans == null) return;
-  const trimmed = ans.trim();
-  if (!trimmed) return;
-  if (!ASPECT_OPTIONS.includes(trimmed)) {
-    alert('Неподдерживаемое значение. Доступны: ' + choices);
-    return;
-  }
+  if (chosen == null || chosen === current) return;
   if (isActive) {
     if (!state.currentBoard.metadata.settings) state.currentBoard.metadata.settings = {};
-    state.currentBoard.metadata.settings.aspectRatio = trimmed;
+    state.currentBoard.metadata.settings.aspectRatio = chosen;
     scheduleSave();
   } else {
     // Доска не активна — пишем напрямую.
     const meta = await loadBoardMetadata(item.handle);
-    meta.settings = { ...(meta.settings || {}), aspectRatio: trimmed };
+    meta.settings = { ...(meta.settings || {}), aspectRatio: chosen };
     await saveBoardMetadata(item.handle, meta);
   }
-  console.log(`[board] ${kind}/${item.name} aspectRatio → ${trimmed}`);
+  console.log(`[board] ${kind}/${item.name} aspectRatio → ${chosen}`);
 }
 
 // Переименовать board (папку): создать новую папку с тем же именем, перенести
@@ -913,7 +904,7 @@ async function undoBoardDelete() {
 
 // Собственный prompt — нативный prompt() в Electron подавлен (deprecated в Chromium).
 // Возвращает строку или null. Esc/Cancel = null. Enter = подтвердить.
-function askName(title, placeholder = '', initialValue = '') {
+function askName(title, placeholder = '', initialValue = '', opts = {}) {
   return new Promise(resolve => {
     const overlay = document.createElement('div');
     overlay.className = 'modal';
@@ -933,9 +924,9 @@ function askName(title, placeholder = '', initialValue = '') {
     const cancel = document.createElement('button');
     cancel.textContent = 'Отмена';
     const ok = document.createElement('button');
-    // Если поле уже заполнено — это редактирование существующего объекта,
-    // показываем «Сохранить». Иначе создание — «Создать».
-    ok.textContent = initialValue ? 'Сохранить' : 'Создать';
+    // Приоритет: явный opts.okText > '«Сохранить» если редактирование (есть
+    // initialValue)' > '«Создать» если создание нового объекта'.
+    ok.textContent = opts.okText || (initialValue ? 'Сохранить' : 'Создать');
     ok.className = 'primary';
     row.append(cancel, ok);
     box.append(h, inp, row); overlay.append(box);
@@ -952,6 +943,49 @@ function askName(title, placeholder = '', initialValue = '') {
   });
 }
 
+// Похож на askName, но вместо input — список кнопок-опций.
+// Возвращает выбранную строку или null если юзер закрыл.
+// window.prompt() в Electron renderer молча возвращает null — поэтому
+// нельзя использовать его для select-подобных диалогов.
+function askChoice(title, options, currentValue) {
+  return new Promise(resolve => {
+    const overlay = document.createElement('div');
+    overlay.className = 'modal';
+    overlay.style.cssText = 'position:fixed; inset:0; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; z-index:9999;';
+    const box = document.createElement('div');
+    box.style.cssText = 'background:#222; border:1px solid #444; border-radius:8px; padding:18px 20px; min-width:360px; box-shadow:0 8px 32px rgba(0,0,0,0.6);';
+    const h = document.createElement('h3');
+    h.textContent = title;
+    h.style.cssText = 'margin:0 0 12px; font-size:14px; color:#e0e0e0;';
+    box.append(h);
+    const grid = document.createElement('div');
+    grid.style.cssText = 'display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px;';
+    const close = (val) => { overlay.remove(); resolve(val); };
+    for (const opt of options) {
+      const b = document.createElement('button');
+      b.textContent = opt;
+      b.style.cssText = 'padding:6px 12px; background:#1a1a1a; color:#e0e0e0; border:1px solid #444; border-radius:4px; font-size:13px; cursor:pointer;' +
+        (opt === currentValue ? 'border-color:#7c3aed; background:#2a1a3a;' : '');
+      b.addEventListener('click', () => close(opt));
+      grid.append(b);
+    }
+    box.append(grid);
+    const row = document.createElement('div');
+    row.style.cssText = 'display:flex; gap:8px; justify-content:flex-end;';
+    const cancel = document.createElement('button');
+    cancel.textContent = 'Отмена';
+    cancel.addEventListener('click', () => close(null));
+    row.append(cancel);
+    box.append(row);
+    overlay.append(box);
+    document.body.append(overlay);
+    overlay.addEventListener('mousedown', e => { if (e.target === overlay) close(null); });
+    document.addEventListener('keydown', function onEsc(e) {
+      if (e.key === 'Escape') { document.removeEventListener('keydown', onEsc); close(null); }
+    });
+  });
+}
+
 // Лог-буфер: всё что пишем сюда — попадает в console и в window.veLog.
 // Достать из DevTools одной строкой:
 //   copy(JSON.stringify(window.veLog, null, 2))      // в буфер
@@ -1433,7 +1467,10 @@ async function createNodeEl(node) {
 // =================== Контекстное меню ноды (ПКМ) ===================
 async function renameNode(node) {
   const current = node.name || '';
-  const newName = await askName('Имя ноды (для @-ссылок):', '', current);
+  // okText='Сохранить' независимо от того, было имя или нет — мы НЕ создаём
+  // ноду, а присваиваем/меняем имя существующей. Без явного okText askName
+  // показал бы «Создать» для безымянной ноды (initialValue=='').
+  const newName = await askName('Имя ноды (для @-ссылок):', '', current, { okText: 'Сохранить' });
   if (newName == null) return;
   const trimmed = newName.trim();
   // Текст-нода: переименовать соответствующий .md файл

package/renderer/generate.js

@@ -739,10 +739,73 @@ document.querySelectorAll('#genModal [data-kind]').forEach(b => {
   });
 });
 
+// Вычислить ближайший поддерживаемый aspect ratio из state.sourceRef.
+// Возвращает строку '16:9' / '1:1' / etc, или null если не удалось.
+async function computeSourceImageAspect() {
+  if (!state.sourceRef || state.sourceRef.type !== 'image' || !state.sourceRef.file) return null;
+  const handle = state.sourceRef.boardHandle || state.currentBoard?.handle;
+  if (!handle) return null;
+  let url = null;
+  try {
+    const fh = await resolveBoardFile(handle, state.sourceRef.file);
+    const file = await fh.getFile();
+    url = URL.createObjectURL(file);
+    const dim = await new Promise((res, rej) => {
+      const img = new Image();
+      img.onload = () => res({ w: img.naturalWidth, h: img.naturalHeight });
+      img.onerror = rej;
+      img.src = url;
+    });
+    if (!dim.w || !dim.h) return null;
+    return nearestSupportedAspect(dim.w / dim.h);
+  } catch { return null; }
+  finally { if (url) URL.revokeObjectURL(url); }
+}
+
+// Из произвольного ratio выбирает ближайший из поддерживаемых genModal'ом.
+// Сравнение в логарифмической метрике — справедливо для пропорций
+// (1.5 ↔ 0.667 равноудалены от 1.0).
+function nearestSupportedAspect(ratio) {
+  const opts = [
+    { name: '1:1',  v: 1.0 },
+    { name: '16:9', v: 16/9 },
+    { name: '9:16', v: 9/16 },
+    { name: '3:2',  v: 3/2 },
+    { name: '2:3',  v: 2/3 },
+    { name: '4:3',  v: 4/3 },
+    { name: '3:4',  v: 3/4 },
+  ];
+  let best = opts[0];
+  let bestDiff = Math.abs(Math.log(ratio / best.v));
+  for (const o of opts) {
+    const d = Math.abs(Math.log(ratio / o.v));
+    if (d < bestDiff) { best = o; bestDiff = d; }
+  }
+  return best.name;
+}
+
 // === Source frame controls ===
 function syncSourceRefRow() {
   const showable = state.sourceRef && (state.genKind === 'image' || state.genKind === 'video');
   $('sourceRefRow').style.display = showable ? '' : 'none';
+  // Кнопка «↺ Как у исходной» в селекторе aspect ratio: показываем только
+  // когда есть image-source (для image-генерации). Если source выключен (use=false)
+  // — тоже скрываем; нет смысла предлагать aspect которого юзер не использует.
+  const srcBtn = $('imgAspSource');
+  if (srcBtn) {
+    const hasImgSource = state.sourceRef
+      && state.sourceRef.type === 'image'
+      && state.sourceRef.use
+      && state.genKind === 'image';
+    srcBtn.style.display = hasImgSource ? '' : 'none';
+    // Если кнопка скрылась а была активной — переключаем на дефолтное.
+    if (!hasImgSource && state.imageAspect === 'source') {
+      state.imageAspect = localStorage.getItem('imageAspect') || '1:1';
+      if (state.imageAspect === 'source') state.imageAspect = '1:1';
+      document.querySelectorAll('#genModal [data-img-asp]').forEach(b =>
+        b.classList.toggle('active', b.dataset.imgAsp === state.imageAspect));
+    }
+  }
 }
 
 // === Персонажи + Локация: чипы/дропдаун ===
@@ -1016,13 +1079,18 @@ document.querySelectorAll('#genModal [data-vid-model]').forEach(b => {
     localStorage.setItem('videoModel', state.videoModel);
   });
 });
-// Переключатель aspect ratio для image
+// Переключатель aspect ratio для image. Особый кейс — 'source' (взять
+// у исходной картинки): не сохраняем в localStorage (это ad-hoc выбор
+// привязанный к конкретному запуску). Реальный aspectRatio будет
+// вычислен в момент submit через computeSourceImageAspect().
 document.querySelectorAll('#genModal [data-img-asp]').forEach(b => {
   b.addEventListener('click', () => {
     document.querySelectorAll('#genModal [data-img-asp]').forEach(x => x.classList.remove('active'));
     b.classList.add('active');
     state.imageAspect = b.dataset.imgAsp;
-    localStorage.setItem('imageAspect', state.imageAspect);
+    if (state.imageAspect !== 'source') {
+      localStorage.setItem('imageAspect', state.imageAspect);
+    }
   });
 });
 function syncImageAspectActive() {
@@ -1283,6 +1351,17 @@ $('genSubmit').addEventListener('click', async () => {
   }
   let resolvedPrompt = resolveMentions(rawPrompt, mediaRefs);
   if (sourceMarker) resolvedPrompt = sourceMarker + resolvedPrompt;
+
+  // Если выбран aspect 'source' — резолвим в реальный ratio из исходной
+  // картинки ДО того как обнулим state.sourceRef (ниже).
+  let resolvedImageAspect = state.imageAspect;
+  if (state.imageAspect === 'source') {
+    const fromSource = await computeSourceImageAspect();
+    resolvedImageAspect = fromSource || '1:1';
+    if (!fromSource) console.warn('[gen] не смог получить aspect исходной → fallback 1:1');
+    else console.log(`[gen] aspect "как у исходной" → ${fromSource}`);
+  }
+
   // Сбрасываем sourceRef и пикеры после использования
   state.sourceRef = null;
   resetPicks();
@@ -1337,7 +1416,7 @@ $('genSubmit').addEventListener('click', async () => {
         aspectRatio: state.videoAspect,
       } : {}),
       ...(kind === 'image' ? {
-        aspectRatio: state.imageAspect,
+        aspectRatio: resolvedImageAspect,
       } : {}),
     },
   };