kingkont 0.20.7 → 0.20.8

package/package.json

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

package/renderer/board.js

@@ -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). Без открытия проекта.
@@ -1625,6 +1818,8 @@ async function closeProject() {
   }
   // Reset tab title.
   document.title = 'KingKont';
+  // Убираем floating «Создать копию» bar если был.
+  document.getElementById('templateOverlayBar')?.remove();
   state.charactersInfo = [];
   state.locationsInfo = [];
   state.selectedNodeIds.clear();

package/renderer/cloudProjects.js

@@ -280,6 +280,15 @@
             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;
           }
         }
@@ -396,9 +405,13 @@
       // 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) {

package/renderer/generate.js

@@ -537,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') {
@@ -555,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);
@@ -565,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) => {
@@ -1931,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(() => {});
@@ -2157,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) {
@@ -2174,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

@@ -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': 'В очереди...',