kingkont 0.18.15 → 0.19.0

package/renderer/board.js

@@ -44,23 +44,43 @@ window.addEventListener('DOMContentLoaded', async () => {
   //   - logout → чистим кэш + перерисовываем (cloud-карточки исчезнут,
   //              fetchListCached не дёрнет /api/projects без логина).
   // setCloudButtonsVisibility пересоберёт sidebar-кнопки (☁ Новый и пр.).
+  // Универсальный handler смены auth (login/logout) — общий для Electron-IPC
+  // и web WS-event 'auth:changed'.
+  async function _onAuthChanged(state) {
+    try {
+      localStorage.removeItem('cloudProjectsCache');
+      localStorage.removeItem('cloudProjectsLastOpened');
+      localStorage.removeItem('chatiumStatusCache');
+      renderWelcomeIdentity({ force: true }).catch(() => {});
+      refreshBalance().catch(() => {});
+      if (!window.cloudProjects) return;
+      if (window.cloudProjects.setVisibility) window.cloudProjects.setVisibility();
+      if (!document.body.classList.contains('no-project')) return;
+      await renderWelcomeRecents();
+    } catch (e) { vlog('err', 'auth-changed handler: ' + (e?.message || e)); }
+  }
   if (window.appChatium?.onAuthChanged) {
-    window.appChatium.onAuthChanged(async (state) => {
-      try {
-        // Сбрасываем кэш — он содержал данные старого юзера.
-        localStorage.removeItem('cloudProjectsCache');
-        localStorage.removeItem('cloudProjectsLastOpened');
-        // Welcome top-right identity-pill + balances — перерисовываем сразу
-        // (даже если открыт проект и welcome скрыт — обновится для следующего показа).
-        renderWelcomeIdentity().catch(() => {});
-        refreshBalance().catch(() => {});
-        // Если открыт welcome (нет проекта) — перерисовать grid.
-        if (!state || !window.cloudProjects) return;
-        if (window.cloudProjects.setVisibility) window.cloudProjects.setVisibility();
-        if (!document.body.classList.contains('no-project')) return;
-        await renderWelcomeRecents();
-      } catch (e) { vlog('err', 'auth-changed handler: ' + (e?.message || e)); }
-    });
+    window.appChatium.onAuthChanged(_onAuthChanged);
+  } else {
+    // Web-mode: подписка на WS-канал auth:changed (server publish'ит
+    // после web-login flow / logout).
+    try {
+      const proto = location.protocol === 'https:' ? 'wss' : 'ws';
+      const ws = new WebSocket(`${proto}://${location.host}/ws`);
+      ws.onopen = () => {
+        try { ws.send(JSON.stringify({ type: 'subscribe', channel: 'auth:changed' })); } catch {}
+      };
+      ws.onmessage = (e) => {
+        let m; try { m = JSON.parse(e.data); } catch { return; }
+        if (m?.type === 'event' && m.channel === 'auth:changed') {
+          _onAuthChanged(m.event?.kind || 'login');
+        }
+      };
+      // Если WS отвалится — потеряем live-уведомления auth-changed,
+      // но identity всё равно подтянется при следующем render'е через
+      // 10-минутный refresh-window. Не reconnect'имся аггресивно.
+      ws.onerror = () => {};
+    } catch (e) { vlog('warn', 'auth WS subscribe failed: ' + e?.message); }
   }
   // Восстановить состояние панелей таймлайна/превью/реплик
   const tlOpen = localStorage.getItem('timelineOpen') === '1';
@@ -100,18 +120,25 @@ window.addEventListener('DOMContentLoaded', async () => {
   refreshBalance().catch(() => {});
   setInterval(() => { refreshBalance().catch(() => {}); }, 60_000);
 
-  // Тихий autoload: первый recent с granted-permission (если есть).
-  // skipAutoload работает по двум флагам:
-  //  - welcomeOnNextStart (одноразовый, ставится в closeProject)
-  //  - lastLocation === 'welcome' (постоянный, ставится при показе welcome)
-  // Без второго: после Cmd+R на welcome flag сбрасывался, и второй Cmd+R
-  // открывал последний проект. Теперь lastLocation сохраняется пока юзер
-  // не открыл проект.
-  const skipAutoload = localStorage.getItem('welcomeOnNextStart') === '1'
+  // Autoload-стратегия: открыть последний проект ТОЛЬКО при Cmd+R (reload),
+  // когда юзер был в проекте. На cold start (полное закрытие → запуск)
+  // показываем welcome. Юзер: «при запуске я вижу страницу проекта (а не
+  // стартовую страницу)».
+  //
+  // Differentiation: main-process IPC `app:consume-cold-start` возвращает
+  // true ровно один раз за app-launch. Cmd+R → false (main продолжает
+  // жить, renderer перезагружается). Полный quit+restart → новый main →
+  // флаг снова true. Это надёжнее sessionStorage (которое в Electron
+  // может переживать quit при persistent partition).
+  let isColdStart = false;
+  try { isColdStart = await window.appProject?.consumeColdStart?.(); } catch {}
+  // skipAutoload: cold start ИЛИ explicit welcome-флаги.
+  const skipAutoload = isColdStart
+                    || localStorage.getItem('welcomeOnNextStart') === '1'
                     || localStorage.getItem('lastLocation') === 'welcome';
   if (skipAutoload) {
     localStorage.removeItem('welcomeOnNextStart');
-    vlog('info', 'restore: skipped (welcome state persisted)');
+    vlog('info', `restore: skipped (cold-start=${isColdStart}, welcome state persisted)`);
   } else {
     try {
       const recents = await getRecents();
@@ -135,8 +162,27 @@ window.addEventListener('DOMContentLoaded', async () => {
   const openSettingsFromLogo = () => {
     if (window.appSettings?.openSettingsWindow) window.appSettings.openSettingsWindow();
   };
-  document.getElementById('brandLogo')?.addEventListener('dblclick', openSettingsFromLogo);
   document.getElementById('welcomeLogo')?.addEventListener('dblclick', openSettingsFromLogo);
+  // Brand-logo в шапке проекта: single-click → возврат на welcome,
+  // dblclick → настройки. Юзер: «на странице проекта сделай клик по
+  // левому-верхнему логотипу возвратом в список проектов».
+  // Single-click задерживаем на 250ms — за это время dblclick отменит таймер.
+  const brandLogo = document.getElementById('brandLogo');
+  if (brandLogo) {
+    brandLogo.style.cursor = 'pointer';
+    brandLogo.title = 'Клик — на главную; дабл-клик — настройки';
+    brandLogo.addEventListener('click', () => {
+      if (brandLogo._dblTimer) { clearTimeout(brandLogo._dblTimer); brandLogo._dblTimer = null; }
+      brandLogo._dblTimer = setTimeout(() => {
+        brandLogo._dblTimer = null;
+        if (state.filmHandle && typeof closeProject === 'function') closeProject();
+      }, 250);
+    });
+    brandLogo.addEventListener('dblclick', () => {
+      if (brandLogo._dblTimer) { clearTimeout(brandLogo._dblTimer); brandLogo._dblTimer = null; }
+      openSettingsFromLogo();
+    });
+  }
   // ПКМ на brand-area (sidebar header) — действия проектного уровня
   // (сохранить как шаблон / обновить шаблон).
   document.querySelector('.brand')?.addEventListener('contextmenu', e => {
@@ -202,6 +248,7 @@ async function refreshBalance() {
   }
 }
 
+function _renderBalancesInto(data) {
   // Один pill на провайдер. Если у провайдера нет данных (выключен или
   // API не дал баланс) — pill не рендерим.
   const pills = [
@@ -210,10 +257,13 @@ async function refreshBalance() {
     { key: 'openrouter', label: 'OpenRouter', low: 0.5,                              fmt: (a) => `<b>$${a.toFixed(2)}</b>` },
     { key: 'elevenlabs', label: 'ElevenLabs', low: 1000,                             fmt: (a) => `<b>${a.toLocaleString('ru-RU')}</b>&nbsp;chars` },
   ];
-  function renderInto(wrap) {
+  function renderInto(wrap, opts = {}) {
     if (!wrap) return;
     wrap.innerHTML = '';
     for (const p of pills) {
+      // На welcome (welcomeStatusBalances) kingkont-кредиты показываются
+      // ВНУТРИ identity-pill (см. _renderIdentity) — здесь не дублируем.
+      if (opts.skipKingkont && p.key === 'kingkont') continue;
       const d = data[p.key];
       if (!d || typeof d.amount !== 'number') continue;
       const pill = document.createElement('span');
@@ -229,10 +279,15 @@ async function refreshBalance() {
       wrap.appendChild(pill);
     }
   }
-  // Sidebar-footer (когда открыт проект).
+  // Sidebar-footer (когда открыт проект) — все балансы.
   renderInto(document.getElementById('balancesAll'));
-  // Welcome top-right (когда no-project).
-  renderInto(document.getElementById('welcomeStatusBalances'));
+  // Welcome top-right — БЕЗ kingkont (он встроен в identity-pill).
+  renderInto(document.getElementById('welcomeStatusBalances'), { skipKingkont: true });
+  // refreshBalance мог обновить cache → identity-pill должен показать
+  // новое значение. Зовём только если уже на welcome (не лезть в проект).
+  if (document.body.classList.contains('no-project')) {
+    renderWelcomeIdentity().catch(() => {});
+  }
 }
 window.refreshBalance = refreshBalance;
 
@@ -240,13 +295,19 @@ window.refreshBalance = refreshBalance;
 // при возврате на welcome (без flicker «пусто → потом запрос → потом текст»).
 // На фоне дёргаем настоящий status и обновляем pill.
 const _STATUS_CACHE_KEY = 'chatiumStatusCache';
+// Refresh-окно: фоновый запрос профиля делаем не чаще раз в 10 минут.
+// Юзер: «перестань запрашивать профиль каждый раз когда я возвращаюсь
+// на главную страницу». Раньше каждый show welcome → новый HTTP-запрос
+// к Chatium /auth~me — лишний трафик, мигание pill'а.
+const _STATUS_REFRESH_WINDOW_MS = 10 * 60 * 1000;
+const _STATUS_HARD_TTL_MS = 24 * 3600 * 1000;
 function _readStatusCache() {
   try {
     const raw = localStorage.getItem(_STATUS_CACHE_KEY);
     if (!raw) return null;
     const obj = JSON.parse(raw);
-    if (Date.now() - (obj.ts || 0) > 24 * 3600 * 1000) return null;  // 24h max
-    return obj.status || null;
+    if (Date.now() - (obj.ts || 0) > _STATUS_HARD_TTL_MS) return null;  // 24h hard max
+    return { status: obj.status || null, ts: obj.ts || 0 };
   } catch { return null; }
 }
 function _writeStatusCache(status) {
@@ -255,19 +316,31 @@ function _writeStatusCache(status) {
 
 // Identity-pill в правом верхнем углу welcome-экрана.
 // Показывает кто залогинен в KingKont (или предлагает войти).
-async function renderWelcomeIdentity() {
+// opts.force=true — игнорирует rate-limit, всё равно фетчит (login/logout flow).
+async function renderWelcomeIdentity(opts = {}) {
   const wrap = document.getElementById('welcomeStatusIdentity');
   if (!wrap) return;
-  // 1) Сначала рендерим из кэша (если есть) — мгновенно.
   const cached = _readStatusCache();
-  if (cached) _renderIdentity(wrap, cached);
-  // 2) В фоне дёргаем свежий status и перерисовываем + обновляем кэш.
+  if (cached?.status) _renderIdentity(wrap, cached.status);
+  // Re-fetch только если: кэш отсутствует ИЛИ старше 10 мин ИЛИ force.
+  const ageMs = cached ? (Date.now() - cached.ts) : Infinity;
+  const needFetch = opts.force || !cached || ageMs > _STATUS_REFRESH_WINDOW_MS;
+  if (!needFetch) return;
   let status = null;
+  // Electron preload — preferred (читает свой settings + дёргает auth~me).
   try { status = await window.appChatium?.status?.(); } catch {}
+  // Browser-fallback: тот же ответ, но через server endpoint.
+  // appChatium в web undefined → status здесь будет null.
+  if (!status) {
+    try {
+      const r = await fetch('/api/auth/status');
+      if (r.ok) status = await r.json();
+    } catch {}
+  }
   if (status) {
     _writeStatusCache(status);
     _renderIdentity(wrap, status);
-  } else if (!cached) {
+  } else if (!cached?.status) {
     // Ни кэша, ни ответа — рисуем «не залогинен» по дефолту.
     _renderIdentity(wrap, { connected: false });
   }
@@ -275,24 +348,33 @@ async function renderWelcomeIdentity() {
 function _renderIdentity(wrap, status) {
   wrap.innerHTML = '';
   if (status?.connected) {
-    // Приоритет имени: displayName → name → fullName → login → confirmedEmail
-    // → email → user.* (если nested) → userId. Раньше displayName был
-    // first, но Chatium может возвращать поле под другим именем —
-    // проверяем все известные варианты + nested user-объект.
-    const u = status.user || status.profile || status.account || {};
+    // Chatium-профиль: всё в `userInfo` (displayName/firstName/lastName/
+    // confirmedEmail/confirmedPhone/imageUrl). Также проверяем legacy-
+    // имена (user/profile/account) — на случай других версий API.
+    const u = status.userInfo || status.user || status.profile || status.account || {};
     let name = status.displayName || status.name || status.fullName
             || status.login || status.username || status.userName
+            || u.displayName || u.name || u.fullName
+            || (u.firstName && u.lastName ? `${u.firstName} ${u.lastName}` : null)
+            || u.firstName || u.lastName
+            || u.login || u.username
             || status.confirmedEmail || status.email
-            || u.displayName || u.name || u.fullName || u.login || u.email
+            || u.confirmedEmail || u.email
+            || u.confirmedPhone || u.phone
             || null;
     let sub = '';
-    if (name && status.userId && status.userId !== name) {
+    // sub: email если основное имя — НЕ email; иначе userId-префикс.
+    const subEmail = u.confirmedEmail || u.email || status.confirmedEmail || status.email;
+    if (name && subEmail && subEmail !== name) {
+      sub = `· ${subEmail}`;
+    } else if (name && status.userId && status.userId !== name) {
       sub = `· ${status.userId.slice(0, 8)}`;
     }
+    // Avatar — слева от имени, если imageUrl есть. Через server proxy
+    // (CDN-картинка может требовать referer).
+    const avatarUrl = u.imageUrl || u.avatarUrl || u.photoUrl || null;
     if (!name) {
-      // Chatium /auth~me возвращает только userId+appName+createdAt —
-      // нет ни email, ни displayName. Показываем userId-префикс
-      // компактно вместо некрасивого 24-символьного hash'а целиком.
+      // Fallback на userId-prefix.
       name = '👤 ' + (status.userId || 'KingKont').slice(0, 10);
       sub = status.userId ? `…${status.userId.slice(-4)}` : '';
     }
@@ -301,17 +383,40 @@ function _renderIdentity(wrap, status) {
     // сервер (см. main.js [chatium:status] логи тоже).
     const noHumanField = !status.displayName && !status.name && !status.fullName
                       && !status.login && !status.confirmedEmail && !status.email
-                      && !u.displayName && !u.name && !u.email;
+                      && !u.displayName && !u.firstName && !u.lastName && !u.confirmedEmail;
     if (noHumanField) {
       console.warn('[chat-identity] No human-readable name field. Status object:', status);
       console.warn('[chat-identity] _allKeys:', status._allKeys);
       console.warn('[chat-identity] _raw:', status._raw);
     }
+    // Avatar (если есть imageUrl) — слева. Прокси через server, чтобы CDN
+    // не требовал referer. Lazy-error → скрыть img при failed load.
+    const avatarHtml = avatarUrl
+      ? `<img src="/api/proxy?url=${encodeURIComponent(avatarUrl)}" alt="" class="who-avatar" onerror="this.remove()">`
+      : `<span style="color:#5c5; font-size:13px; line-height:1;">●</span>`;
     wrap.innerHTML = `
-      <span style="color:#5c5; font-size:13px; line-height:1;">●</span>
+      ${avatarHtml}
       <span class="who">${escapeHtml(name)}</span>
       <span class="who-sub">${escapeHtml(sub)}</span>
     `;
+    // KingKont-кредиты — встраиваем chip ВНУТРИ identity-pill (юзер
+    // попросил «кредиты kingkont внеси туда же где профиль»). Берём
+    // из balances-кэша (refreshBalance его наполняет). Из общего
+    // welcomeStatusBalances kingkont теперь убирается (см. ниже).
+    const balances = _readBalancesCache();
+    const kk = balances?.kingkont;
+    if (kk && typeof kk.amount === 'number') {
+      const credits = document.createElement('span');
+      credits.className = 'who-credits';
+      const low = kk.amount > 0 && kk.amount < 100;
+      const empty = kk.amount <= 0;
+      if (low) credits.classList.add('low');
+      if (empty) credits.classList.add('empty');
+      credits.title = 'Баланс KingKont · клик — лог списаний';
+      credits.innerHTML = `<b>${kk.amount.toLocaleString('ru-RU')}</b>&nbsp;credits`;
+      credits.addEventListener('click', () => window.openTxLog?.());
+      wrap.appendChild(credits);
+    }
     // Если имя не найдено — добавляем visible debug-pill с available keys,
     // чтобы юзер мог тебе показать что отдаёт Chatium без копания в консоли.
     if (noHumanField && Array.isArray(status._allKeys) && status._allKeys.length) {
@@ -326,7 +431,14 @@ function _renderIdentity(wrap, status) {
     logoutBtn.title = 'Logout из KingKont';
     logoutBtn.addEventListener('click', async () => {
       if (!confirm('Выйти из KingKont?')) return;
-      try { await window.appChatium?.logout?.(); } catch {}
+      // Electron: preload IPC. Web: server endpoint.
+      try {
+        if (window.appChatium?.logout) await window.appChatium.logout();
+        else await fetch('/api/auth/logout', { method: 'POST' });
+      } catch {}
+      // Очистим status-кэш и форсим re-render.
+      try { localStorage.removeItem('chatiumStatusCache'); } catch {}
+      renderWelcomeIdentity({ force: true }).catch(() => {});
     });
     wrap.appendChild(logoutBtn);
   } else {
@@ -338,7 +450,21 @@ function _renderIdentity(wrap, status) {
     loginBtn.textContent = 'Войти';
     loginBtn.title = 'Войти в KingKont';
     loginBtn.addEventListener('click', async () => {
-      try { await window.appChatium?.login?.(); } catch (e) { alert('Login failed: ' + (e?.message || e)); }
+      // Electron: preload IPC (откроет внешний браузер, дождётся callback'а
+      // на random localhost-port). Web: server endpoint (этот же сервер
+      // принимает callback на /api/auth/login/callback).
+      if (window.appChatium?.login) {
+        try { await window.appChatium.login(); } catch (e) { alert('Login failed: ' + (e?.message || e)); }
+        return;
+      }
+      try {
+        const r = await fetch('/api/auth/login/start', { method: 'POST' });
+        const d = await r.json();
+        if (!r.ok || !d?.loginUrl) throw new Error(d?.error || 'login start failed');
+        // Открываем в новой вкладке. После успеха она auto-close,
+        // а наша WS-подписка (см. _wireAuthWS) подтянет новый status.
+        window.open(d.loginUrl, '_blank', 'noopener');
+      } catch (e) { alert('Login failed: ' + (e?.message || e)); }
     });
     wrap.appendChild(loginBtn);
   }
@@ -605,10 +731,18 @@ async function _renderWelcomeRecentsInner() {
 
   // ☁ Облачные проекты — видна только если залогинен в Chatium.
   // Создаёт серверную запись и открывает её как новый проект.
+  // Web fallback: если preload appSettings нет — спрашиваем сервер
+  // через /api/auth/status (тот же chatium-токен из settings.json).
   let isLoggedIn = false;
   try {
-    const s = await window.appSettings?.get();
-    isLoggedIn = !!(s?.useChatium && s?.chatium?.token);
+    if (window.appSettings?.get) {
+      const s = await window.appSettings.get();
+      isLoggedIn = !!(s?.useChatium && s?.chatium?.token);
+    } else {
+      const r = await fetch('/api/auth/status');
+      const st = await r.json();
+      isLoggedIn = !!st?.connected;
+    }
   } catch {}
   if (isLoggedIn) {
     const cloudCard = document.createElement('div');
@@ -1403,65 +1537,77 @@ async function openFilm(handle) {
 // Закрыть текущий проект: выгрузить state, скрыть секции, восстановить
 // шапку, оставить запись в idb (чтобы Recent работал).
 async function closeProject() {
-  // Помечаем что юзер вышел явно — на следующем старте autoload пропускается.
-  // Cmd+R после close = welcome, а не реоткрытие.
-  try {
+  // Каждый шаг wrap'нут try/catch — раньше любой throw ломал весь close
+  // (юзер видел «приложение падает», на самом деле renderer вис в полузакрытом
+  // состоянии). Логируем что упало, но продолжаем дальше.
+  const safe = (label, fn) => {
+    try { return fn(); }
+    catch (e) { console.warn(`[closeProject] ${label} failed:`, e?.message || e); }
+  };
+  const safeAwait = async (label, fn) => {
+    try { await fn(); }
+    catch (e) { console.warn(`[closeProject] ${label} failed:`, e?.message || e); }
+  };
+
+  safe('persist welcome flag', () => {
     localStorage.setItem('welcomeOnNextStart', '1');
     localStorage.setItem('lastLocation', 'welcome');
-  } catch {}
-  // Чат привязан к одному проекту — flush pending-persist В ТЕКУЩИЙ
-  // filmHandle, потом сбрасываем in-memory. Без flush'а debounced-write
-  // мог бы попасть в новый проект (race на 600ms окно).
-  // Прячем панель — на welcome без проекта чат не имеет смысла.
-  if (window.kingChat?.resetInMemory) await window.kingChat.resetInMemory();
-  if (window.kingChat?.close) window.kingChat.close();
-  stopExternalWatcher();
-  // Сбрасываем UI таймлайна/превью — иначе при возврате через welcome
-  // в новый проект остаётся фрейм/дорожки прошлого.
-  if (typeof resetTimelineUI === 'function') resetTimelineUI();
-  if (state.currentBoard?.urls) {
-    for (const u of Object.values(state.currentBoard.urls)) URL.revokeObjectURL(u);
-  }
-  // Освобождаем blob URL'ы для миниатюр @-popup'а — они грузились лазиво
-  // при открытии mention-popup, кэш накапливался.
-  if (typeof revokeMentionThumbCache === 'function') revokeMentionThumbCache();
+  });
+  await safeAwait('chat resetInMemory', async () => {
+    if (window.kingChat?.resetInMemory) await window.kingChat.resetInMemory();
+  });
+  safe('chat close', () => { window.kingChat?.close?.(); });
+  safe('stopExternalWatcher', () => { if (typeof stopExternalWatcher === 'function') stopExternalWatcher(); });
+  safe('resetTimelineUI', () => { if (typeof resetTimelineUI === 'function') resetTimelineUI(); });
+  safe('revoke board urls', () => {
+    if (state.currentBoard?.urls) {
+      for (const u of Object.values(state.currentBoard.urls)) URL.revokeObjectURL(u);
+    }
+  });
+  safe('revokeMentionThumbCache', () => {
+    if (typeof revokeMentionThumbCache === 'function') revokeMentionThumbCache();
+  });
+  // Reset state.
   state.filmHandle = null;
   state.currentBoard = null;
-  // Сбрасываем cloud-маркеры (если был открыт облачный проект).
   state.cloudProjectId = null;
   state.cloudDirty = false;
-  window.appProject?.notifyState(false);
-  // notifyPanel перезагружает events (теперь global — все проекты).
-  window.dispatchEvent(new CustomEvent('project-changed'));
+  safe('notifyState', () => { window.appProject?.notifyState(false); });
+  safe('dispatch project-changed', () => {
+    window.dispatchEvent(new CustomEvent('project-changed'));
+  });
   state.charactersInfo = [];
   state.locationsInfo = [];
   state.selectedNodeIds.clear();
   state.selectedClipIds.clear();
   state.selectedTrackIds.clear();
   document.body.classList.add('no-project');
-  // Видимость cloud-кнопок зависит от наличия открытого проекта — переключаем.
-  if (window.cloudProjects?.setVisibility) window.cloudProjects.setVisibility();
-  const sub = $('brandSub');
-  if (sub) { sub.textContent = 'Видео-редактор'; sub.classList.remove('has-project'); }
-  const boardEl = $('brandBoard');
-  if (boardEl) { boardEl.style.display = 'none'; boardEl.innerHTML = ''; }
-  $('rootInfo').textContent = '';
-  // Очистить sidebar-списки
-  for (const id of ['characterList','locationList','episodeList']) {
-    const el = $(id); if (el) el.innerHTML = '';
-  }
-  $('newEpisode').disabled = true;
-  $('newCharacter').disabled = true;
-  $('newLocation').disabled = true;
-  $('repliquesBtn').disabled = true;
-  $('boardBadge').style.display = 'none';
-  $('charSettingsBtn').style.display = 'none';
-  // Очистить холст
-  if (typeof clearCanvasKeepSvg === 'function') clearCanvasKeepSvg();
-  $('addText').disabled = true; $('genText').disabled = true; $('genAudio').disabled = true; $('genImage').disabled = true; $('genVideo').disabled = true; $('genSfx').disabled = true; $('genMusic').disabled = true;
-  
-  await renderWelcomeRecents();
-  showEmpty();
+  safe('cloud setVisibility', () => { window.cloudProjects?.setVisibility?.(); });
+  safe('reset sidebar header', () => {
+    const sub = $('brandSub');
+    if (sub) { sub.textContent = 'Видео-редактор'; sub.classList.remove('has-project'); }
+    const boardEl = $('brandBoard');
+    if (boardEl) { boardEl.style.display = 'none'; boardEl.innerHTML = ''; }
+    const rootInfo = $('rootInfo'); if (rootInfo) rootInfo.textContent = '';
+  });
+  safe('clear sidebar lists', () => {
+    for (const id of ['characterList','locationList','episodeList']) {
+      const el = $(id); if (el) el.innerHTML = '';
+    }
+  });
+  safe('disable buttons', () => {
+    for (const id of ['newEpisode','newCharacter','newLocation','repliquesBtn',
+                      'addText','genText','genAudio','genImage','genVideo','genSfx','genMusic']) {
+      const b = $(id); if (b) b.disabled = true;
+    }
+    const bb = $('boardBadge'); if (bb) bb.style.display = 'none';
+    const cs = $('charSettingsBtn'); if (cs) cs.style.display = 'none';
+  });
+  safe('clearCanvasKeepSvg', () => {
+    if (typeof clearCanvasKeepSvg === 'function') clearCanvasKeepSvg();
+  });
+  await safeAwait('renderWelcomeRecents', () => renderWelcomeRecents());
+  safe('showEmpty', () => { if (typeof showEmpty === 'function') showEmpty(); });
 }
 
 // =================== Sidebar ===================
@@ -2766,7 +2912,16 @@ function showNodeContextMenu(node, clientX, clientY) {
   if (node.generated) add('⚙ Параметры', () => showNodeSettings(node));
   if (node.status === 'generating') {
     add('⏹ Остановить', () => stopJob(node.id));
-    add('↻ Перезапустить', () => restartJob(node.id));
+    // «Перезапустить» — открывает модалку с предзаполненными параметрами
+    // (как «Перегенерировать» для готовой ноды). Раньше тут был
+    // restartJob(id) — рестартил без модалки. Юзер: «нужно чтобы показывал
+    // как раньше». Сначала стопим текущую генерацию, чтобы regenerateNode
+    // пропустил guard `if (status==='generating') return`.
+    add('↻ Перезапустить', async () => {
+      await stopJob(node.id);
+      // status уже сброшен на 'error' в stopJob → regenerateNode пройдёт.
+      regenerateNode(node);
+    });
   } else if (node.status === 'draft') {
     add('▶ Запустить генерацию', () => regenerateNode(node));
     add('✎ Изменить и запустить', () => regenerateNode(node));

package/renderer/cloudFs.js

@@ -288,5 +288,13 @@
     getCloudProjectId,
     // exposed для save-to-server: пройтись по всем файлам in-memory map'а.
     _memProject,
+    // Web-only helper: прямой write в backend этого проекта. Используется
+    // в cloudProjects.openCloudProject для скачивания manifest+файлов с
+    // сервера в память (window.cloudFs только в Electron preload).
+    async writeFile(projectId, relPath, data) {
+      const backend = makeBackend(projectId);
+      await backend.ensure();
+      return backend.write(relPath, data);
+    },
   };
 })();

package/renderer/cloudProjects.js

@@ -25,7 +25,29 @@
   // -------------- helpers --------------
   function $(id) { return document.getElementById(id); }
   function isLoggedIn(s) { return !!(s?.useChatium && s?.chatium?.token); }
-  async function getSettings() { try { return await window.appSettings?.get(); } catch { return {}; } }
+  // Electron: preload IPC возвращает полный settings.json. В web preload
+  // недоступен → опрашиваем /api/auth/status и эмулируем settings-shape
+  // (с token-плейсхолдером — реальный токен на сервере, renderer'у он
+  // не нужен напрямую, HTTP-запросы идут на наш же сервер с auth-header'ом).
+  async function getSettings() {
+    if (window.appSettings?.get) {
+      try { return await window.appSettings.get(); } catch { return {}; }
+    }
+    try {
+      const r = await fetch('/api/auth/status');
+      const status = await r.json();
+      if (status?.connected) {
+        return {
+          useChatium: true,
+          useOpenrouter: true,
+          useElevenlabs: true,
+          useKie: true,
+          chatium: { token: 'present', userId: status.userId, base: status.base },
+        };
+      }
+    } catch {}
+    return {};
+  }
 
   // Прогресс — переиспользуем существующий tplProgress из templates.js.
   const PROGRESS = (typeof TPL_PROGRESS !== 'undefined') ? TPL_PROGRESS : {
@@ -360,8 +382,11 @@
 
   async function writeCloudFile(projectId, relPath, data) {
     if (window.cloudFs) return window.cloudFs.write(projectId, relPath, data);
-    // web fallback — пишем в backend in-memory.
-    // (cloudFsShim сам разруливает; этот path для main loop, не используется напрямую)
+    // Web fallback: пишем в shared in-memory backend, тот же что
+    // используют cloudFsShim handle'ы (т.е. файлы появятся в filmHandle
+    // через FSAH-like API). Без этого openCloudProject в браузере
+    // download'ил manifest+файлы и просто терял их → sidebar пустой.
+    if (window.cloudFsShim?.writeFile) return window.cloudFsShim.writeFile(projectId, relPath, data);
     return false;
   }
 

package/renderer/generate.js

@@ -2065,7 +2065,10 @@ async function pollJob(job, nodeId, bKey, boardHandle, kind) {
     }
     if (pd.status === 'done') {
       logJob(nodeId, `done, downloading ${pd.url?.slice(0,80)}`);
-      const blob = await (await fetch(`/api/proxy?url=${encodeURIComponent(pd.url)}`)).blob();
+      // data: URLs (OpenRouter image-gen возвращает inline base64) — берём
+      // напрямую без proxy. Браузерный fetch их понимает natively.
+      const fetchUrl = pd.url.startsWith('data:') ? pd.url : `/api/proxy?url=${encodeURIComponent(pd.url)}`;
+      const blob = await (await fetch(fetchUrl)).blob();
       const ext = kind === 'image' ? 'jpg' : 'mp4';
       const sub = kind === 'image' ? 'frames' : 'clips';
       const dir = await getOrCreateBoardSubdir(boardHandle, sub);