npm - kingkont - Versions diffs - 0.20.6 → 0.20.8 - Mend

kingkont 0.20.6 → 0.20.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/index.html +1 -1
package/package.json +1 -1
package/renderer/board.js +237 -22
package/renderer/cloudProjects.js +15 -0
package/renderer/generate.js +67 -5
package/renderer/settings.js +1 -1

package/index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Видео-редактор сериала</title>
+<title>KingKont</title>
 <link rel="stylesheet" href="renderer/styles.css">
 </head>
 <body>

package/package.json CHANGED Viewed

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

package/renderer/board.js CHANGED Viewed

@@ -17,7 +17,19 @@ const emptyState = $('emptyState');
 // =================== Init ===================
 window.addEventListener('DOMContentLoaded', async () => {
-  if (!('showDirectoryPicker' in window)) { showUnsupported(); return; }
+  // FSAH (showDirectoryPicker) — Chrome-only API. Без него работают только
+  // облачные проекты. В web-mode (Safari/Firefox) → продолжаем init без
+  // папочного функционала; кнопки «Открыть папку» скрыты через body.web-mode CSS.
+  // В Electron / desktop Chrome — без FSAH вообще ничего не работало бы,
+  // показываем заглушку.
+  if (!('showDirectoryPicker' in window)) {
+    if (!window.__KINGKONT_WEB__) { showUnsupported(); return; }
+    // Прячем папочные UI-элементы — без FSAH они нерабочие.
+    for (const id of ['pickRoot', 'welcomeOpen']) {
+      const el = document.getElementById(id);
+      if (el) el.style.display = 'none';
+    }
+  }
   // По умолчанию проект не открыт — секции персонажей/локаций/сцен скрыты.
   document.body.classList.add('no-project');
   loadVoices().catch(() => {});  // preload голосов в фоне
@@ -711,23 +723,26 @@ async function _renderWelcomeRecentsInner() {
   // Первой картой — «Открыть проект». Кликается → дёргает скрытый
   // #pickRoot button (тот же, что использует app menu).
-  const openCard = document.createElement('div');
-  openCard.className = 'welcome-card open-card';
-  const openThumb = document.createElement('div');
-  openThumb.className = 'welcome-card-thumb';
-  openThumb.textContent = '+';
-  const openMeta = document.createElement('div');
-  openMeta.className = 'welcome-card-meta';
-  const openName = document.createElement('div');
-  openName.className = 'welcome-card-name';
-  openName.textContent = 'Открыть проект';
-  const openSub = document.createElement('div');
-  openSub.className = 'welcome-card-ts';
-  openSub.textContent = 'выбрать папку…';
-  openMeta.append(openName, openSub);
-  openCard.append(openThumb, openMeta);
-  openCard.addEventListener('click', () => $('pickRoot').click());
-  grid.appendChild(openCard);
+  // Скрываем в браузерах без FSAH (Safari/Firefox) — там кнопка не сработает.
+  if ('showDirectoryPicker' in window) {
+    const openCard = document.createElement('div');
+    openCard.className = 'welcome-card open-card';
+    const openThumb = document.createElement('div');
+    openThumb.className = 'welcome-card-thumb';
+    openThumb.textContent = '+';
+    const openMeta = document.createElement('div');
+    openMeta.className = 'welcome-card-meta';
+    const openName = document.createElement('div');
+    openName.className = 'welcome-card-name';
+    openName.textContent = 'Открыть проект';
+    const openSub = document.createElement('div');
+    openSub.className = 'welcome-card-ts';
+    openSub.textContent = 'выбрать папку…';
+    openMeta.append(openName, openSub);
+    openCard.append(openThumb, openMeta);
+    openCard.addEventListener('click', () => $('pickRoot').click());
+    grid.appendChild(openCard);
+  }
   // ☁ Облачные проекты — видна только если залогинен в Chatium.
   // Создаёт серверную запись и открывает её как новый проект.
@@ -815,9 +830,12 @@ async function _renderWelcomeRecentsInner() {
   // Каждый элемент: { type: 'cloud'|'recent', sortTs, item }.
   // Для cloud берём максимум из (updatedAt | lastOpenedAt | createdAt) —
   // юзер ожидает что недавно открытый проект (даже без сохранения) поднимется.
+  // Расшаренные мне НЕ кладём в основной grid — отдельная секция «Расшарено мне» ниже.
   const merged = [];
+  const sharedItems = [];
   for (const c of cloudItems) {
     const ts = Math.max(c.lastOpenedAt || 0, c.updatedAt || 0, c.createdAt || 0);
+    if (c.shared && !c.mine) { sharedItems.push({ ...c, sortTs: ts }); continue; }
     merged.push({ type: 'cloud', sortTs: ts, item: c });
   }
   // Дедуп: cloud-проекты не должны показываться ещё и как «недавние папки».
@@ -840,6 +858,28 @@ async function _renderWelcomeRecentsInner() {
     if (m.type === 'cloud') grid.appendChild(makeCloudWelcomeCard(m.item));
     else                    grid.appendChild(makeRecentWelcomeCard(m.item));
   }
+  // ---- Расшарили мне — отдельной секцией под основным grid'ом. ----
+  // Лежит как отдельный block #welcomeSharedRecent. Если есть items — показываем,
+  // иначе скрываем.
+  let sharedWrap = document.getElementById('welcomeSharedRecent');
+  if (!sharedWrap) {
+    sharedWrap = document.createElement('div');
+    sharedWrap.id = 'welcomeSharedRecent';
+    sharedWrap.className = 'welcome-recent';
+    sharedWrap.style.marginTop = '32px';
+    sharedWrap.innerHTML = '<div class="welcome-recent-title">Расшарено мне</div><div class="welcome-recent-grid" id="welcomeSharedGrid"></div>';
+    wrap.parentNode?.insertBefore(sharedWrap, wrap.nextSibling);
+  }
+  const sharedGrid = sharedWrap.querySelector('#welcomeSharedGrid');
+  sharedGrid.innerHTML = '';
+  if (!sharedItems.length) {
+    sharedWrap.style.display = 'none';
+  } else {
+    sharedWrap.style.display = '';
+    sharedItems.sort((a, b) => b.sortTs - a.sortTs);
+    for (const it of sharedItems) sharedGrid.appendChild(makeCloudWelcomeCard(it));
+  }
 }
 // Бейдж «N в фоне» в верхнем-левом углу обложки welcome-карточки.
@@ -1159,8 +1199,16 @@ function makeCloudWelcomeCard(p) {
   // ☁-бейдж в нижнем правом углу обложки.
   const cloudBadge = document.createElement('div');
   cloudBadge.className = 'welcome-card-cloud-badge';
-  cloudBadge.textContent = '☁';
-  cloudBadge.title = 'Облачный проект';
+  if (p.shared) {
+    cloudBadge.textContent = '🤝';
+    cloudBadge.title = 'Расшарили мне (' + (p.permission === 'edit' ? 'редактирование' : 'просмотр') + ')';
+  } else if (p.isPublic) {
+    cloudBadge.textContent = '🌐';
+    cloudBadge.title = 'Публичный проект';
+  } else {
+    cloudBadge.textContent = '☁';
+    cloudBadge.title = 'Облачный проект';
+  }
   thumb.appendChild(cloudBadge);
   // Бейдж «N в фоне» — server-side jobsHub source-of-truth.
   const bgList = _bgServerCache['cloud:' + p.id];
@@ -1188,6 +1236,123 @@ function makeCloudWelcomeCard(p) {
   return card;
 }
+// Floating-overlay: «Создать копию» внизу экрана, когда юзер открыл
+// чужой проект (расшаренный или публичный). После клона перебрасываем
+// на новую копию.
+function renderTemplateOverlay() {
+  const existing = document.getElementById('templateOverlayBar');
+  const isReadOnly = state.cloudProjectId && state.cloudCanModify === false;
+  if (!isReadOnly) { if (existing) existing.remove(); return; }
+  if (existing) return;
+  const bar = document.createElement('div');
+  bar.id = 'templateOverlayBar';
+  bar.style.cssText = 'position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#222;color:#eee;padding:12px 20px;border-radius:8px;display:flex;gap:14px;align-items:center;font-family:-apple-system,sans-serif;font-size:14px;z-index:9999;box-shadow:0 6px 24px rgba(0,0,0,0.4);';
+  const lbl = document.createElement('div');
+  lbl.innerHTML = '👁 Только просмотр' + (state.cloudPermission === 'view' ? ' (расшарили)' : (state.cloudMine === false ? ' (публичный)' : ''));
+  lbl.style.opacity = '0.8';
+  const btn = document.createElement('button');
+  btn.textContent = '📋 Создать копию себе';
+  btn.style.cssText = 'padding:8px 18px;background:#4a8ad6;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:500;';
+  btn.addEventListener('click', async () => {
+    btn.disabled = true; btn.textContent = '… клонирую';
+    try {
+      const r = await fetch('/api/proj/clone?id=' + encodeURIComponent(state.cloudProjectId), {
+        method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({}),
+      });
+      if (!r.ok) { const e = await r.json().catch(()=>({})); throw new Error(e.error || 'HTTP ' + r.status); }
+      const created = await r.json();
+      // Чистим cache и открываем новый клон.
+      try { localStorage.removeItem('cloudProjectsCache'); } catch {}
+      if (window.cloudProjects?.open) {
+        await closeProject();
+        await window.cloudProjects.open(created.id, created.name, { forceRefresh: true });
+      }
+    } catch (e) { btn.disabled = false; btn.textContent = '📋 Создать копию себе'; alert('Не удалось: ' + (e?.message || e)); }
+  });
+  bar.append(lbl, btn);
+  document.body.appendChild(bar);
+}
+window.renderTemplateOverlay = renderTemplateOverlay;
+// Модалка расшаривания проекта (web-only).
+async function openShareModal(p) {
+  // Сначала загружаем текущие shares (owner-only endpoint).
+  let shares = [];
+  try {
+    const r = await fetch('/api/proj/shares?id=' + encodeURIComponent(p.id));
+    if (r.ok) shares = await r.json();
+  } catch {}
+  const overlay = document.createElement('div');
+  overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:99998;display:flex;align-items:center;justify-content:center;';
+  const box = document.createElement('div');
+  box.style.cssText = 'background:#222;color:#eee;padding:24px;border-radius:8px;min-width:380px;max-width:520px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;';
+  function render() {
+    box.innerHTML = `
+      <h2 style="margin:0 0 12px;font-size:18px;">🤝 Расшарить «${escapeHtml(p.name||'')}»</h2>
+      <div style="margin-bottom:14px;">
+        <input id="shareEmail" type="email" placeholder="email@example.com" style="width:100%;padding:8px;background:#1a1a1a;color:#eee;border:1px solid #333;border-radius:4px;font-size:14px;">
+        <div style="display:flex;gap:8px;margin-top:8px;">
+          <select id="sharePerm" style="flex:1;padding:8px;background:#1a1a1a;color:#eee;border:1px solid #333;border-radius:4px;">
+            <option value="view">Только просмотр</option>
+            <option value="edit">Редактирование</option>
+          </select>
+          <button id="shareAdd" style="padding:8px 16px;background:#4a8ad6;color:#fff;border:none;border-radius:4px;cursor:pointer;">Расшарить</button>
+        </div>
+      </div>
+      <div id="shareList">
+        ${shares.length ? '' : '<div style="opacity:0.5;font-size:13px;text-align:center;padding:20px;">Никому не расшарено</div>'}
+        ${shares.map(s => `
+          <div style="display:flex;align-items:center;padding:8px;background:#1a1a1a;border-radius:4px;margin-bottom:6px;">
+            <div style="flex:1;">
+              <div style="font-size:14px;">${escapeHtml(s.email)}</div>
+              <div style="font-size:11px;opacity:0.6;">${s.permission === 'edit' ? '✎ редактирование' : '👁 просмотр'}</div>
+            </div>
+            <button data-unshare="${escapeHtml(s.email)}" style="padding:4px 10px;background:#553;color:#eee;border:none;border-radius:3px;cursor:pointer;font-size:12px;">убрать</button>
+          </div>
+        `).join('')}
+      </div>
+      <div style="text-align:right;margin-top:16px;">
+        <button id="shareClose" style="padding:8px 16px;background:#444;color:#fff;border:none;border-radius:4px;cursor:pointer;">Закрыть</button>
+      </div>
+    `;
+    box.querySelector('#shareAdd').addEventListener('click', async () => {
+      const email = box.querySelector('#shareEmail').value.trim();
+      const perm = box.querySelector('#sharePerm').value;
+      if (!email || !email.includes('@')) { alert('Некорректный email'); return; }
+      try {
+        const r = await fetch('/api/proj/share?id=' + encodeURIComponent(p.id), {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ email, permission: perm }),
+        });
+        if (!r.ok) { const e = await r.json().catch(()=>({})); throw new Error(e.error || 'HTTP ' + r.status); }
+        const r2 = await fetch('/api/proj/shares?id=' + encodeURIComponent(p.id));
+        if (r2.ok) shares = await r2.json();
+        render();
+      } catch (e) { alert('Не удалось: ' + (e?.message || e)); }
+    });
+    box.querySelectorAll('[data-unshare]').forEach(b => {
+      b.addEventListener('click', async () => {
+        const email = b.getAttribute('data-unshare');
+        try {
+          await fetch('/api/proj/unshare?id=' + encodeURIComponent(p.id), {
+            method: 'POST', headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ email }),
+          });
+          shares = shares.filter(s => s.email !== email);
+          render();
+        } catch (e) { alert('Не удалось: ' + (e?.message || e)); }
+      });
+    });
+    box.querySelector('#shareClose').addEventListener('click', () => overlay.remove());
+  }
+  render();
+  overlay.addEventListener('click', e => { if (e.target === overlay) overlay.remove(); });
+  overlay.appendChild(box);
+  document.body.appendChild(overlay);
+  setTimeout(() => box.querySelector('#shareEmail')?.focus(), 50);
+}
 // ПКМ-меню для облачной welcome-карточки.
 function showCloudCardContextMenu(p, clientX, clientY) {
   const menu = $('nodeMenu');
@@ -1235,6 +1400,34 @@ function showCloudCardContextMenu(p, clientX, clientY) {
   add('↻ Обновить из облака', () => {
     if (window.cloudProjects?.open) window.cloudProjects.open(p.id, p.name, { forceRefresh: true });
   });
+  // Public/share — только в web-mode (chatium endpoints proj_*).
+  if (window.__KINGKONT_WEB__ && p.mine !== false) {
+    const isPub = !!p.isPublic;
+    add(isPub ? '✓ Публичный (выключить)' : '🌐 Сделать публичным', async () => {
+      try {
+        const r = await fetch('/api/proj/setPublic?id=' + encodeURIComponent(p.id), {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ isPublic: !isPub }),
+        });
+        if (!r.ok) throw new Error('HTTP ' + r.status);
+        try {
+          const cached = JSON.parse(localStorage.getItem('cloudProjectsCache') || '[]');
+          const i = cached.findIndex(c => c.id === p.id);
+          if (i >= 0) cached[i].isPublic = !isPub;
+          localStorage.setItem('cloudProjectsCache', JSON.stringify(cached));
+        } catch {}
+        await renderWelcomeRecents();
+        if (!isPub) {
+          // Показываем юзеру публичную ссылку
+          const url = location.origin + '/app/spaces/client/index.html#template=' + p.id;
+          if (confirm('Проект публичный. Скопировать ссылку?\n' + url)) {
+            try { await navigator.clipboard.writeText(url); } catch {}
+          }
+        }
+      } catch (e) { alert('Не удалось: ' + (e?.message || e)); }
+    });
+    add('🤝 Расшарить…', () => openShareModal(p));
+  }
   add('💾 Сохранить как шаблон…', async () => {
     // Берём cloud-проект с сервера (manifest+files) и постим в /api/templates
     // в template-формате (board.scene → board.manifest). Без открытия проекта.
@@ -1467,6 +1660,8 @@ async function openFilm(handle) {
   // Подзаголовок шапки = имя открытого проекта (вместо «Видео-редактор»).
   const sub = $('brandSub');
   if (sub) { sub.textContent = handle.name; sub.classList.add('has-project'); }
+  // Tab title = «<имя> — KingKont».
+  document.title = (handle.name || 'Project') + ' — KingKont';
   // Для cloud-проектов имя авторитетное на сервере (manifest.name). Если
   // юзер пришёл по уведомлению / прямой ссылке — handle.name мог быть
   // id или старое имя; подтягиваем актуальное и обновляем шапку +
@@ -1477,6 +1672,7 @@ async function openFilm(handle) {
       .then(proj => {
         if (!proj?.name || state.cloudProjectId !== proj.id) return;
         if (sub && proj.name !== sub.textContent) sub.textContent = proj.name;
+        document.title = proj.name + ' — KingKont';
         // Patch handle.name (используется sidebar/recents и т.п.).
         try { handle.name = proj.name; } catch {}
         // Sync cache.
@@ -1518,6 +1714,7 @@ async function openFilm(handle) {
   }
   const raw = localStorage.getItem(`lastBoard:${handle.name}`);
+  let restored = false;
   if (raw) {
     try {
       const last = JSON.parse(raw);
@@ -1525,8 +1722,18 @@ async function openFilm(handle) {
                  : last.kind === 'location'  ? await listLocations(handle)
                  : await listEpisodes(handle);
       const found = list.find(x => x.name === last.name);
-      if (found) await selectBoard({ kind: last.kind, ...found });
-    } catch {}
+      if (found) { await selectBoard({ kind: last.kind, ...found }); restored = true; }
+    } catch (e) { console.warn('[openFilm] restore lastBoard failed:', e?.message || e); }
+  }
+  // Нет запомненной доски (первый open проекта) — авто-открываем первую сцену.
+  // Без этого юзер видит пустой canvas с подсказкой «выбери сцену» и должен
+  // лишний раз кликать в сайдбаре.
+  if (!restored && !state.currentBoard) {
+    try {
+      const eps = await listEpisodes(handle);
+      console.log('[openFilm] auto-select first scene:', eps.length, 'episodes');
+      if (eps.length) await selectBoard({ kind: 'episode', ...eps[0] });
+    } catch (e) { console.warn('[openFilm] auto-select failed:', e?.message || e); }
   }
   // Сканируем все доски на незавершённые задачи генерации (после перезагрузки)
@@ -1605,6 +1812,14 @@ async function closeProject() {
   safe('dispatch project-changed', () => {
     window.dispatchEvent(new CustomEvent('project-changed'));
   });
+  // Web: чистим hash (мы вернулись на welcome).
+  if (window.__KINGKONT_WEB__ && location.hash.startsWith('#project=')) {
+    history.replaceState(null, '', location.pathname + location.search);
+  }
+  // Reset tab title.
+  document.title = 'KingKont';
+  // Убираем floating «Создать копию» bar если был.
+  document.getElementById('templateOverlayBar')?.remove();
   state.charactersInfo = [];
   state.locationsInfo = [];
   state.selectedNodeIds.clear();

package/renderer/cloudProjects.js CHANGED Viewed

@@ -279,6 +279,16 @@
             touchCloudOpened(projectId);
             await openFilm(handle);
             setCloudButtonsVisibility();
+            if (window.__KINGKONT_WEB__) location.hash = '#project=' + projectId;
+            // Background — узнаём permission (cache не хранил его). Если
+            // оказалось что не наш — рисуем «Создать копию» поверх.
+            fetch('/api/projects/' + encodeURIComponent(projectId)).then(r => r.ok ? r.json() : null).then(p => {
+              if (!p) return;
+              state.cloudPermission = p.permission || (p.mine ? 'owner' : null);
+              state.cloudMine = !!p.mine;
+              state.cloudCanModify = !!p.canModify;
+              if (typeof window.renderTemplateOverlay === 'function') window.renderTemplateOverlay();
+            }).catch(() => {});
             return;
           }
         }
@@ -395,9 +405,14 @@
       // 5) Открываем.
       state.cloudProjectId = projectId;
       state.cloudDirty = false;
+      state.cloudPermission = proj.permission || (proj.mine ? 'owner' : null);
+      state.cloudMine = !!proj.mine;
+      state.cloudCanModify = !!proj.canModify;
       touchCloudOpened(projectId);
       await openFilm(handle);
       setCloudButtonsVisibility();
+      if (typeof window.renderTemplateOverlay === 'function') window.renderTemplateOverlay();
+      if (window.__KINGKONT_WEB__) location.hash = '#project=' + projectId;
       PROGRESS.hide();
     } catch (e) {
       PROGRESS.hide();

package/renderer/generate.js CHANGED Viewed

@@ -24,6 +24,14 @@ canvasWrap.addEventListener('contextmenu', e => {
 // Rubber-band селектор + сброс выделения по клику в пустое место
 canvasWrap.addEventListener('mousedown', e => {
   if (!state.currentBoard) return;
+  // Middle-button (button=1) → pan-режим. Дефолтное поведение браузера —
+  // auto-scroll режим со специальным курсором; перехватываем чтобы пана
+  // через drag, без активации auto-scroll.
+  if (e.button === 1) {
+    e.preventDefault();
+    startMiddleMousePan(e);
+    return;
+  }
   if (e.button !== 0) return;
   if (e.target.closest('.node, .conn, .anchor, .resize-handle, button, input, textarea, select, .modal, #addMenu, #nodeMenu')) return;
   // Если без модификатора — сбрасываем старое выделение
@@ -36,6 +44,29 @@ canvasWrap.addEventListener('mousedown', e => {
   startRubberBand(e, additive);
 });
+// Pan через зажатую среднюю кнопку. Курсор меняем на grab во время дrag'а.
+function startMiddleMousePan(e) {
+  const startX = e.clientX, startY = e.clientY;
+  const startScrollLeft = canvasWrap.scrollLeft;
+  const startScrollTop  = canvasWrap.scrollTop;
+  const prevCursor = canvasWrap.style.cursor;
+  canvasWrap.style.cursor = 'grabbing';
+  document.body.style.userSelect = 'none';
+  const onMove = ev => {
+    canvasWrap.scrollLeft = startScrollLeft - (ev.clientX - startX);
+    canvasWrap.scrollTop  = startScrollTop  - (ev.clientY - startY);
+  };
+  const onUp = ev => {
+    if (ev.button !== 1) return;
+    document.removeEventListener('mousemove', onMove);
+    document.removeEventListener('mouseup', onUp);
+    canvasWrap.style.cursor = prevCursor;
+    document.body.style.userSelect = '';
+  };
+  document.addEventListener('mousemove', onMove);
+  document.addEventListener('mouseup', onUp);
+}
 function startRubberBand(e, additive) {
   const rectStart = canvas.getBoundingClientRect();
   const startC = { x: (e.clientX - rectStart.left) / state.zoom, y: (e.clientY - rectStart.top) / state.zoom };
@@ -506,10 +537,17 @@ function _mimeFromFilename(name) {
   })[ext] || 'image/jpeg';
 }
+// Кэш URL'ов картинок-референсов: ключ = filename+size+mtime → CDN url.
+// Чтобы не перезаливать одну и ту же картинку при каждом text-gen.
+const _imageRefUploadCache = new Map();
 async function _imageRefToDataUrl(ref) {
   // Возвращает {url, size, mime} или {error}. Раньше тихо возвращал null
   // на любую ошибку → дебаг был невозможен (юзер видел «картинка не
   // подаётся», но в логах ничего).
+  // Большие картинки (>400KB) грузим в CDN через /api/upload вместо data URL —
+  // иначе base64-payload раздувает контекст модели и Claude возвращает
+  // «prompt too long: 215k tokens > 200k».
   try {
     if (!ref || !ref.file) return { error: 'no file in ref' };
     if (!ref.boardHandle || typeof ref.boardHandle.getDirectoryHandle !== 'function') {
@@ -524,9 +562,34 @@ async function _imageRefToDataUrl(ref) {
     const mime = file.type && file.type !== 'application/octet-stream'
       ? file.type
       : _mimeFromFilename(ref.file);
+    // Большая картинка → upload to CDN, возвращаем https-url. Кэшируем по
+    // size+mtime — повторные text-gen с той же нодой не перезагружают.
+    if (file.size > 400 * 1024) {
+      const cacheKey = `${ref.file}|${file.size}|${file.lastModified || 0}`;
+      let cdnUrl = _imageRefUploadCache.get(cacheKey);
+      if (!cdnUrl) {
+        const buf = await file.arrayBuffer();
+        const filename = ref.file.split('/').pop() || 'ref.jpg';
+        const r = await fetch('/api/upload', {
+          method: 'POST',
+          headers: { 'Content-Type': mime, 'X-File-Name': encodeURIComponent(filename) },
+          body: buf,
+        });
+        if (!r.ok) {
+          return { error: 'upload failed: HTTP ' + r.status };
+        }
+        const j = await r.json();
+        if (!j.url) return { error: 'upload вернул без url' };
+        cdnUrl = j.url;
+        _imageRefUploadCache.set(cacheKey, cdnUrl);
+      }
+      return { url: cdnUrl, size: file.size, mime };
+    }
+    // Маленькая картинка → data URL (1 round-trip меньше).
     let url;
     if (file.type === mime) {
-      // type уже правильный — FileReader даст правильный data URL.
       url = await new Promise((res, rej) => {
         const r = new FileReader();
         r.onload = () => res(r.result);
@@ -534,7 +597,6 @@ async function _imageRefToDataUrl(ref) {
         r.readAsDataURL(file);
       });
     } else {
-      // type пустой/неправильный — пересобираем Blob с явным type.
       const buf = await file.arrayBuffer();
       const blob = new Blob([buf], { type: mime });
       url = await new Promise((res, rej) => {
@@ -1900,7 +1962,7 @@ async function startGenerationJob(node, kind, prompt, mediaRefs, boardHandle, bK
     const submitTimer = setInterval(() => {
       if (state.jobs.get(node.id) !== job) return;
       const sec = Math.round((Date.now() - submitStart) / 1000);
-      logJob(node.id, `submit still pending... ${sec}s (KIE может тормозить)`);
+      logJob(node.id, `submit still pending... ${sec}s`);
       mutateNode(bKey, boardHandle, node.id, n => {
         n.generated = { ...(n.generated || {}), state: `submitting (${sec}s)` };
       }).catch(() => {});
@@ -2126,7 +2188,7 @@ async function pollJob(job, nodeId, bKey, boardHandle, kind) {
       return;
     }
     if (pd.status === 'error') {
-      logJob(nodeId, `KIE error: ${pd.error || 'unknown'}`);
+      logJob(nodeId, `provider error: ${pd.error || 'unknown'}`);
       throw new Error(pd.error || 'generation failed');
     }
     if (pd.state) {
@@ -2143,7 +2205,7 @@ function updateNodeStateText(nodeId, stateKey) {
   const root = canvas.querySelector(`.node[data-id="${nodeId}"] .gen-pending .state-text`);
   if (!root) return false;
   const LABELS = {
-    'uploading-refs': 'Загружаю референсы в KIE...',
+    'uploading-refs': 'Загружаю референсы…',
     'submitting': 'Отправляю задачу...',
     'queued': 'В очереди...',
     'waiting': 'В очереди...',

package/renderer/settings.js CHANGED Viewed

@@ -203,7 +203,7 @@ async function renderNodeBody(node, body) {
     wrap.className = 'gen-pending';
     const sp = document.createElement('div'); sp.className = 'spinner lg';
     const STATE_LABELS = {
-      'uploading-refs': 'Загружаю референсы в KIE...',
+      'uploading-refs': 'Загружаю референсы…',
       'submitting': 'Отправляю задачу...',
       'queued': 'В очереди...',
       'waiting': 'В очереди...',