kingkont 0.7.52 → 0.7.54

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.52",
+  "version": "0.7.54",
   "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

@@ -985,9 +985,11 @@ $('newEpisode').addEventListener('click', async () => {
     const name = await askName('Название сцены:', 'например, Сцена 1');
     vlog('info', 'newEpisode name=' + JSON.stringify(name));
     if (!name) return;
-    await state.filmHandle.getDirectoryHandle(name, { create: true });
+    const handle = await state.filmHandle.getDirectoryHandle(name, { create: true });
     await refreshEpisodes();
-    vlog('info', 'newEpisode created: ' + name);
+    // Сразу переходим на созданную сцену.
+    await selectBoard({ kind: 'episode', name, handle });
+    vlog('info', 'newEpisode created + selected: ' + name);
   } catch (e) {
     vlog('err', 'newEpisode failed: ' + (e?.message || e));
     alert('Ошибка: ' + (e?.message || e));
@@ -1002,9 +1004,10 @@ $('newCharacter').addEventListener('click', async () => {
     vlog('info', 'newCharacter name=' + JSON.stringify(name));
     if (!name) return;
     const root = await state.filmHandle.getDirectoryHandle(CHAR_DIR, { create: true });
-    await root.getDirectoryHandle(name, { create: true });
+    const handle = await root.getDirectoryHandle(name, { create: true });
     await refreshCharacters();
-    vlog('info', 'newCharacter created: ' + name);
+    await selectBoard({ kind: 'character', name, handle });
+    vlog('info', 'newCharacter created + selected: ' + name);
   } catch (e) {
     vlog('err', 'newCharacter failed: ' + (e?.message || e));
     alert('Ошибка: ' + (e?.message || e));
@@ -1019,9 +1022,10 @@ $('newLocation').addEventListener('click', async () => {
     vlog('info', 'newLocation name=' + JSON.stringify(name));
     if (!name) return;
     const root = await state.filmHandle.getDirectoryHandle(LOC_DIR, { create: true });
-    await root.getDirectoryHandle(name, { create: true });
+    const handle = await root.getDirectoryHandle(name, { create: true });
     await refreshLocations();
-    vlog('info', 'newLocation created: ' + name);
+    await selectBoard({ kind: 'location', name, handle });
+    vlog('info', 'newLocation created + selected: ' + name);
   } catch (e) {
     vlog('err', 'newLocation failed: ' + (e?.message || e));
     alert('Ошибка: ' + (e?.message || e));

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,
       } : {}),
     },
   };