kingkont 0.7.60 → 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.60",
+  "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/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;