kingkont 0.7.59 → 0.7.61

package/index.html

@@ -457,6 +457,8 @@
 <!-- ===== Полноэкранный просмотр (image/video) ===== -->
 <div class="fs-modal hidden" id="fsModal">
   <div class="fs-stage" id="fsStage"></div>
+  <button id="fsPrev"  title="Предыдущая (←)" class="fs-nav fs-nav-prev">‹</button>
+  <button id="fsNext"  title="Следующая (→)" class="fs-nav fs-nav-next">›</button>
   <button id="fsClose" title="Закрыть (Esc)">×</button>
 </div>
 

package/package.json

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

package/renderer/board.js

@@ -1638,33 +1638,94 @@ function showNodeLogs(node) {
 $('logsClose').addEventListener('click', () => $('logsModal').classList.add('hidden'));
 
 // =================== Полноэкранный просмотр ===================
+// Текущая нода в полноэкранном просмотре + список соседей того же type
+// для навигации стрелками. Список считаем один раз при openFullscreen
+// чтобы не пересортировывать на каждом prev/next.
+let _fsCurrent = null;
+let _fsSiblings = [];
+
+// Сортировка нод «слева направо, сверху вниз» row-major.
+// Группируем по строкам через round(y/ROW_HEIGHT) bucket — sort transitive
+// (важно, иначе порядок непредсказуемый при больших спредах по y).
+const FS_ROW_HEIGHT = 100;
+function _fsSortRowMajor(nodes) {
+  return nodes.slice().sort((a, b) => {
+    const ra = Math.round((a.y || 0) / FS_ROW_HEIGHT);
+    const rb = Math.round((b.y || 0) / FS_ROW_HEIGHT);
+    if (ra !== rb) return ra - rb;
+    return (a.x || 0) - (b.x || 0);
+  });
+}
+
 async function openFullscreen(node) {
   const stage = $('fsStage');
   stage.innerHTML = '';
   try {
-    let url = state.currentBoard?.urls?.[node.file];
-    if (!url && state.currentBoard?.handle) {
-      const fh = await resolveBoardFile(state.currentBoard.handle, node.file);
-      url = URL.createObjectURL(await fh.getFile());
-      state.currentBoard.urls[node.file] = url;
-    }
-    if (!url) return;
-    if (node.type === 'image') {
-      const img = document.createElement('img');
-      img.src = url;
-      stage.appendChild(img);
-    } else if (node.type === 'video') {
-      const v = document.createElement('video');
-      v.src = url;
-      v.controls = true;
-      v.autoplay = true;
-      stage.appendChild(v);
+    // Собираем siblings того же type на текущей доске для навигации.
+    // image-нода → все остальные image; video → video. Без файла исключаем.
+    if (state.currentBoard?.metadata?.nodes) {
+      const sameType = state.currentBoard.metadata.nodes.filter(n =>
+        n.type === node.type && n.file
+      );
+      _fsSiblings = _fsSortRowMajor(sameType);
+    } else {
+      _fsSiblings = [node];
     }
+    _fsCurrent = node;
+    await _fsLoadCurrent();
+    _fsUpdateNavButtons();
     $('fsModal').classList.remove('hidden');
   } catch (e) {
     console.error('openFullscreen failed:', e);
   }
 }
+
+async function _fsLoadCurrent() {
+  const node = _fsCurrent;
+  const stage = $('fsStage');
+  stage.innerHTML = '';
+  if (!node) return;
+  let url = state.currentBoard?.urls?.[node.file];
+  if (!url && state.currentBoard?.handle) {
+    const fh = await resolveBoardFile(state.currentBoard.handle, node.file);
+    url = URL.createObjectURL(await fh.getFile());
+    state.currentBoard.urls[node.file] = url;
+  }
+  if (!url) return;
+  if (node.type === 'image') {
+    const img = document.createElement('img');
+    img.src = url;
+    stage.appendChild(img);
+  } else if (node.type === 'video') {
+    const v = document.createElement('video');
+    v.src = url;
+    v.controls = true;
+    v.autoplay = true;
+    stage.appendChild(v);
+  }
+}
+
+function _fsUpdateNavButtons() {
+  const prev = $('fsPrev');
+  const next = $('fsNext');
+  const idx = _fsCurrent ? _fsSiblings.indexOf(_fsCurrent) : -1;
+  if (prev) prev.disabled = idx <= 0;
+  if (next) next.disabled = idx < 0 || idx >= _fsSiblings.length - 1;
+}
+
+async function fsNavigate(direction /* -1 или +1 */) {
+  if (!_fsCurrent) return;
+  const idx = _fsSiblings.indexOf(_fsCurrent);
+  const next = idx + direction;
+  if (next < 0 || next >= _fsSiblings.length) return;
+  _fsCurrent = _fsSiblings[next];
+  // Останавливаем текущее video если было.
+  const v = $('fsStage').querySelector('video');
+  if (v) { try { v.pause(); } catch {} }
+  await _fsLoadCurrent();
+  _fsUpdateNavButtons();
+}
+
 function closeFullscreen() {
   const modal = $('fsModal');
   if (modal.classList.contains('hidden')) return;
@@ -1672,16 +1733,20 @@ function closeFullscreen() {
   if (v) { try { v.pause(); } catch {} }
   $('fsStage').innerHTML = '';
   modal.classList.add('hidden');
+  _fsCurrent = null;
+  _fsSiblings = [];
 }
 $('fsClose').addEventListener('click', closeFullscreen);
+$('fsPrev')?.addEventListener('click', e => { e.stopPropagation(); fsNavigate(-1); });
+$('fsNext')?.addEventListener('click', e => { e.stopPropagation(); fsNavigate(+1); });
 $('fsModal').addEventListener('click', e => {
   if (e.target.id === 'fsModal' || e.target.id === 'fsStage') closeFullscreen();
 });
 window.addEventListener('keydown', e => {
-  if (e.key === 'Escape' && !$('fsModal').classList.contains('hidden')) {
-    e.stopPropagation();
-    closeFullscreen();
-  }
+  if ($('fsModal').classList.contains('hidden')) return;
+  if (e.key === 'Escape')      { e.stopPropagation(); closeFullscreen(); }
+  else if (e.key === 'ArrowLeft')  { e.stopPropagation(); fsNavigate(-1); }
+  else if (e.key === 'ArrowRight') { e.stopPropagation(); fsNavigate(+1); }
 }, true);
 // Универсальный copy-helper: clipboard API → fallback на execCommand.
 async function copyText(text) {

package/renderer/media.js

@@ -886,6 +886,20 @@ function getMentionSuggestions(kind) {
         });
       }
     }
+    // Локации: @<location> → location.sheet; @<location>.<имя> → именованная картинка локации.
+    for (const l of state.locationsInfo) {
+      if (state.currentBoard.kind === 'location' && state.currentBoard.name === l.name) continue;
+      if (l.sheet) {
+        out.push({ key: l.name, label: l.name + ' · sheet', type: 'image', scope: 'loc-sheet' });
+      }
+      for (const img of (l.imageNodes || [])) {
+        out.push({
+          key: `${l.name}.${img.name}`,
+          label: `${l.name}.${img.name}`,
+          type: 'image', scope: 'loc-image',
+        });
+      }
+    }
   }
   return out;
 }
@@ -926,6 +940,21 @@ function gatherMediaRefs(rawPrompt) {
       });
     }
   }
+  for (const l of state.locationsInfo) {
+    if (state.currentBoard?.kind === 'location' && state.currentBoard.name === l.name) continue;
+    if (l.sheet) {
+      candidates.push({
+        key: l.name, name: l.name, type: 'image',
+        file: l.sheet, boardHandle: l.handle, locName: l.name,
+      });
+    }
+    for (const img of (l.imageNodes || [])) {
+      candidates.push({
+        key: `${l.name}.${img.name}`, name: img.name, type: 'image',
+        file: img.file, boardHandle: l.handle, locName: l.name,
+      });
+    }
+  }
   // Длинные ключи раньше — на этапе матчинга
   candidates.sort((a, b) => b.key.length - a.key.length);
   // Маскируем уже найденные позиции, чтобы @алиса.happy не «находил» @алиса повторно
@@ -1080,10 +1109,10 @@ function updateMentionPopup() {
   let items = [];
 
   if (dotIdx >= 0) {
-    // Уже выбран персонаж — показываем только его картинки
-    const charName = query.slice(0, dotIdx);
+    // Уже выбран character ИЛИ location — показываем его картинки.
+    const ownerName = query.slice(0, dotIdx);
     const imgQuery = query.slice(dotIdx + 1);
-    const c = state.charactersInfo.find(x => x.name.toLowerCase() === charName);
+    const c = state.charactersInfo.find(x => x.name.toLowerCase() === ownerName);
     if (c) {
       for (const img of (c.imageNodes || [])) {
         if (!imgQuery || img.name.toLowerCase().includes(imgQuery)) {
@@ -1096,6 +1125,21 @@ function updateMentionPopup() {
           });
         }
       }
+    } else {
+      const l = state.locationsInfo.find(x => x.name.toLowerCase() === ownerName);
+      if (l) {
+        for (const img of (l.imageNodes || [])) {
+          if (!imgQuery || img.name.toLowerCase().includes(imgQuery)) {
+            items.push({
+              key: `${l.name}.${img.name}`,
+              label: img.name,
+              type: 'image',
+              scope: 'loc-image',
+              locName: l.name,
+            });
+          }
+        }
+      }
     }
   } else if (isCharOnly) {
     // @@ — только персонажи
@@ -1136,6 +1180,19 @@ function updateMentionPopup() {
           });
         }
       }
+      for (const l of state.locationsInfo) {
+        if (state.currentBoard?.kind === 'location' && state.currentBoard.name === l.name) continue;
+        const hasImages = (l.imageNodes || []).length > 0;
+        if (l.sheet || hasImages) {
+          items.push({
+            key: l.name,
+            label: l.name + (hasImages && l.sheet ? '' : (hasImages ? ' …' : ' · sheet')),
+            type: 'image',
+            scope: 'loc',
+            hasImages, hasSheet: !!l.sheet,
+          });
+        }
+      }
     }
     items = items.filter(s => s.key.toLowerCase().includes(query)).slice(0, 16);
   }
@@ -1159,6 +1216,8 @@ function updateMentionPopup() {
       t.className = `mtype ${s.type}`;
       t.textContent = s.scope === 'char' ? 'персонаж'
                     : s.scope === 'char-image' ? `персонаж·${s.charName}`
+                    : s.scope === 'loc' ? 'локация'
+                    : s.scope === 'loc-image' ? `локация·${s.locName}`
                     : s.type;
       const nm = document.createElement('span');
       nm.textContent = s.label;
@@ -1183,10 +1242,11 @@ function selectMention(idx = mentionState.selected) {
   const cursor = ta.selectionStart;
   const before = ta.value.slice(0, mentionState.anchor);
   const after  = ta.value.slice(cursor);
-  // Если выбрали персонажа и у него есть картинки — авто-drill: оставляем @name. для дальнейшего ввода
+  // Если выбрали персонажа/локацию и у них есть картинки — авто-drill:
+  // оставляем @name. для дальнейшего ввода имени картинки.
   let insert;
   let reopen = false;
-  if (item.scope === 'char' && item.hasImages) {
+  if ((item.scope === 'char' || item.scope === 'loc') && item.hasImages) {
     insert = '[@' + item.key + '.';
     reopen = true;
   } else {

package/renderer/styles.css

@@ -463,6 +463,19 @@
   }
   .fs-modal #fsClose:hover { background: rgba(255,68,68,0.7); }
 
+  /* Кнопки навигации prev/next в полноэкранном просмотре */
+  .fs-modal .fs-nav {
+    position: absolute; top: 50%; transform: translateY(-50%);
+    background: rgba(0,0,0,0.55); border: 1px solid #444; color: #fff;
+    font-size: 36px; line-height: 1; padding: 4px 14px; border-radius: 6px;
+    cursor: pointer; user-select: none;
+    transition: background 0.12s;
+  }
+  .fs-modal .fs-nav:hover { background: rgba(0,0,0,0.85); }
+  .fs-modal .fs-nav:disabled { opacity: 0.3; cursor: default; }
+  .fs-modal .fs-nav-prev { left: 16px; }
+  .fs-modal .fs-nav-next { right: 16px; }
+
   /* === Реплики (боковая панель справа) === */
   .repliques-panel {
     width: 380px; background: #1c1c1c; border-left: 1px solid #333;