kingkont 0.18.1 → 0.18.3

package/lib/providers.js

@@ -515,7 +515,20 @@ async function generateText({ prompt, messages: msgsIn, model = 'anthropic/claud
   });
   const text = await r.text();
   let data; try { data = JSON.parse(text); } catch { data = { raw: text }; }
-  if (!r.ok) throw new Error(data?.error?.message || data?.raw || `HTTP ${r.status}`);
+  if (!r.ok) {
+    // OpenRouter заворачивает upstream-ошибки в {error:{message, metadata:{provider_name, raw}}}.
+    // Без metadata.raw юзер видит generic «Provider returned error» — бесполезно.
+    const baseMsg = data?.error?.message || data?.raw || `HTTP ${r.status}`;
+    const meta = data?.error?.metadata || {};
+    const provName = meta.provider_name ? ` [${meta.provider_name}]` : '';
+    let extra = '';
+    if (meta.raw) {
+      const rawStr = typeof meta.raw === 'string' ? meta.raw : JSON.stringify(meta.raw);
+      extra = ` — ${rawStr.slice(0, 400)}`;
+    }
+    console.error('[OpenRouter error]', JSON.stringify(data, null, 2).slice(0, 2000));
+    throw new Error(`${baseMsg}${provName}${extra}`);
+  }
   return {
     text: data?.choices?.[0]?.message?.content || '',
     model: data?.model || model,

package/package.json

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

package/renderer/cloudFs.js

@@ -53,6 +53,24 @@
     const i = n.lastIndexOf('/');
     return i < 0 ? { dir: '', name: n } : { dir: n.slice(0, i), name: n.slice(i + 1) };
   }
+  // MIME-detection по расширению. Нужен в getFile() — нативный FSAH ставит
+  // type из расширения, наш shim строил Blob без type → readAsDataURL давал
+  // битый `data:base64,...` → Anthropic/OpenRouter reject image_url.
+  const _MIME_MAP = {
+    jpg: 'image/jpeg', jpeg: 'image/jpeg', png: 'image/png', webp: 'image/webp',
+    gif: 'image/gif', avif: 'image/avif', heic: 'image/heic', heif: 'image/heif',
+    bmp: 'image/bmp', svg: 'image/svg+xml',
+    mp4: 'video/mp4', mov: 'video/quicktime', webm: 'video/webm', mkv: 'video/x-matroska',
+    mp3: 'audio/mpeg', wav: 'audio/wav', ogg: 'audio/ogg', m4a: 'audio/mp4',
+    flac: 'audio/flac', aac: 'audio/aac',
+    json: 'application/json', md: 'text/markdown', txt: 'text/plain',
+    pdf: 'application/pdf',
+  };
+  function _mimeFromName(name) {
+    const m = String(name || '').match(/\.([a-zA-Z0-9]+)$/);
+    if (!m) return '';
+    return _MIME_MAP[m[1].toLowerCase()] || '';
+  }
 
   // === Backend factories. =====================================================
   // Возвращает объект с минимальным API над хранилищем (диск или память).
@@ -209,8 +227,11 @@
         const buf = await backend.read(relPath);
         const u8 = buf instanceof Uint8Array ? buf : new Uint8Array(buf);
         const stat = await backend.stat(relPath);
-        // Имитация Web File: (.name, .size, .type, .arrayBuffer(), .text(), .stream()).
-        const blob = new Blob([u8]);
+        // КРИТИЧНО: Blob БЕЗ type → file.type='' → FileReader.readAsDataURL
+        // даёт `data:base64,...` без MIME → Anthropic/OpenRouter reject
+        // image_url. Нативный FSAH ставит type из расширения, мимикрируем.
+        const type = _mimeFromName(_name);
+        const blob = new Blob([u8], type ? { type } : undefined);
         return Object.assign(blob, {
           name: _name,
           lastModified: stat?.mtimeMs ?? Date.now(),

package/renderer/generate.js

@@ -492,6 +492,20 @@ $('textGenSubmit').addEventListener('click', async () => {
   runTextJob(node, resolvedPrompt, model, state.currentBoard.handle, state.currentBoard.key, imageRefs);
 });
 
+// Лёгкий fallback MIME-detector по расширению — на случай когда
+// Blob-обёртка пришла без `type` (некоторые пути могут потерять).
+// Anthropic/OpenRouter rejects data URL без MIME → обязательный fix.
+function _mimeFromFilename(name) {
+  const m = String(name || '').match(/\.([a-zA-Z0-9]+)$/);
+  if (!m) return 'image/jpeg'; // дефолт для картинок без расширения
+  const ext = m[1].toLowerCase();
+  return ({
+    jpg: 'image/jpeg', jpeg: 'image/jpeg', png: 'image/png',
+    webp: 'image/webp', gif: 'image/gif', avif: 'image/avif',
+    heic: 'image/heic', bmp: 'image/bmp',
+  })[ext] || 'image/jpeg';
+}
+
 async function _imageRefToDataUrl(ref) {
   // Возвращает {url, size, mime} или {error}. Раньше тихо возвращал null
   // на любую ошибку → дебаг был невозможен (юзер видел «картинка не
@@ -503,13 +517,34 @@ async function _imageRefToDataUrl(ref) {
     }
     const fh = await resolveBoardFile(ref.boardHandle, ref.file);
     const file = await fh.getFile();
-    const url = await new Promise((res, rej) => {
-      const r = new FileReader();
-      r.onload = () => res(r.result);
-      r.onerror = () => rej(r.error);
-      r.readAsDataURL(file);
-    });
-    return { url, size: file.size, mime: file.type || 'image/*' };
+    // Гарантируем правильный MIME — иначе data URL получается как
+    // `data:base64,...` (без MIME) → Anthropic возвращает 502 «Provider
+    // returned error» через OpenRouter. Bug был в cloudFs shim'е (Blob
+    // без type), но защищаемся здесь тоже на случай других source'ов.
+    const mime = file.type && file.type !== 'application/octet-stream'
+      ? file.type
+      : _mimeFromFilename(ref.file);
+    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);
+        r.onerror = () => rej(r.error);
+        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) => {
+        const r = new FileReader();
+        r.onload = () => res(r.result);
+        r.onerror = () => rej(r.error);
+        r.readAsDataURL(blob);
+      });
+    }
+    return { url, size: file.size, mime };
   } catch (e) {
     return { error: e?.message || String(e) };
   }

package/renderer/notifyPanel.js

@@ -54,13 +54,19 @@
     $('notifyClear').addEventListener('click', () => { events.length = 0; unread = 0; render(); });
   }
 
-  function setOpen(open) {
+  // openMode: 'manual' (юзер сам нажал на 🔔 — НЕ автозакрываем),
+  //           'auto'   (открыли по событию — закроется через таймер),
+  //           null     (закрыто).
+  let openMode = null;
+  function setOpen(open, mode) {
     _ensureUI();
     panelOpen = open;
+    openMode = open ? (mode || 'manual') : null;
     $('notifyPanel').style.display = open ? 'flex' : 'none';
     if (open) { unread = 0; updateBadge(); render(); }
   }
-  function toggle() { setOpen(!panelOpen); }
+  function toggle() { setOpen(!panelOpen, 'manual'); }
+  function isManuallyOpen() { return panelOpen && openMode === 'manual'; }
 
   function updateBadge() {
     const b = $('notifyBadge');
@@ -158,6 +164,22 @@
     } else {
       render();
     }
+    // Авто-открытие панели на 3.5s — юзер видит событие сразу, потом
+    // панель прячется. Если юзер сам открыл — не трогаем (проверка в
+    // openAuto). Каждое новое событие сбрасывает таймер.
+    _scheduleAutoFlash();
+  }
+  // Auto-flash: открыть в auto-режиме и закрыть через таймер. Срабатывает
+  // на КАЖДОЕ addEvent. Если юзер уже manual'но открыл — открытие no-op'ится.
+  let _autoFlashT = null;
+  function _scheduleAutoFlash() {
+    if (panelOpen && openMode === 'manual') return; // юзер сам открыл — не лезем
+    if (!panelOpen) setOpen(true, 'auto');
+    if (_autoFlashT) clearTimeout(_autoFlashT);
+    _autoFlashT = setTimeout(() => {
+      _autoFlashT = null;
+      if (openMode === 'auto') setOpen(false);
+    }, 3500);
   }
 
   // Navigate from notification to scene/node.
@@ -224,20 +246,30 @@
       setTimeout(() => { el.style.boxShadow = ''; }, 2500);
     }, 200);
   }
-  window.notifyPanel = { open: () => setOpen(true), close: () => setOpen(false), toggle, addEvent, render };
+  // openAuto — для showToast: открывает в режиме auto (закроется по таймеру
+  // если showToast.close('auto') не отменён). open() без аргумента — manual.
+  window.notifyPanel = {
+    open: (mode) => setOpen(true, mode || 'manual'),
+    openAuto: () => setOpen(true, 'auto'),
+    closeAuto: () => { if (openMode === 'auto') setOpen(false); },
+    close: () => setOpen(false),
+    toggle, addEvent, render,
+    isManuallyOpen,
+  };
 
-  // Init: ensure UI exists ASAP, hook into showToast и WS-events.
+  // Init: ensure UI exists ASAP, drain pending toast queue, subscribe WS.
   document.addEventListener('DOMContentLoaded', () => {
     _ensureUI();
-    // Wrap showToast чтобы дублировать в панель + forward target для
-    // click-навигации (showToast(text, kind, {target: {...}})).
-    if (typeof window.showToast === 'function') {
-      const orig = window.showToast;
-      window.showToast = function (text, kind, opts) {
-        try { addEvent({ kind: kind || 'info', text, target: opts?.target || null }); } catch {}
-        return orig.apply(this, arguments);
-      };
-    }
+    // Дренируем showToast'ы которые вызвались до загрузки notifyPanel.
+    // (state.js:showToast копит в __pendingToastQueue если addEvent
+    // ещё не доступен.)
+    try {
+      const q = window.__pendingToastQueue;
+      if (Array.isArray(q)) {
+        for (const ev of q) addEvent(ev);
+        q.length = 0;
+      }
+    } catch {}
     // WS-канал jobs:all для start/end/done/failed events. Connect к /ws.
     function _connect() {
       let ws;

package/renderer/state.js

@@ -177,8 +177,10 @@ async function systemNotify(title, body, opts = {}) {
     try { perm = await Notification.requestPermission(); } catch {}
   }
   if (perm !== 'granted') {
-    // Не вышло — fallback на toast (юзер хоть так увидит).
-    if (typeof showToast === 'function') showToast('🔔 ' + title + (body ? ': ' + body : ''), 'info');
+    // Без OS-нотификации — событие УЖЕ добавлено в notifyPanel через
+    // showToast-wrapper (single-source-of-truth). Раньше тут был fallback
+    // на showToast → дубль события с префиксом «🔔 KingKont:» БЕЗ target,
+    // поэтому без клика. Теперь молча пропускаем.
     return null;
   }
   try {
@@ -197,36 +199,27 @@ async function systemNotify(title, body, opts = {}) {
 }
 window.systemNotify = systemNotify;
 
-// Глобальный toast для информативных уведомлений (генерация завершилась,
-// resume сработал, ...). Стек справа сверху. Auto-dismiss:
-//   - ok/info — 10s (юзер должен заметить успех)
-//   - error   — 30s (важно, не пропустить)
+// Глобальная сигналка событий. Раньше показывался bottom-left toast,
+// но дубль с notifyPanel'ом юзера утомил («toast не нужен»). Теперь:
+//   - событие добавляется в notifyPanel (через wrapper в notifyPanel.js)
+//   - панель открывается АВТОМАТИЧЕСКИ ненадолго (3s) — юзер видит
+//     событие сразу, потом панель скрывается, бейдж остаётся.
+// Возвращаем фейковый «токен» для совместимости с местами которые ждут
+// результат showToast (там ничего с ним не делают, но на всякий случай).
 function showToast(text, kind, opts) {
-  // opts.target: {projectKey, boardKey, nodeId} — toast становится кликабельным.
-  let host = document.getElementById('toastHost');
-  if (!host) {
-    host = document.createElement('div');
-    host.id = 'toastHost';
-    // Bottom-left стек — рядом с 🔔 кнопкой нотификаций. Новые toast'ы
-    // появляются СНИЗУ (flex-direction: column-reverse), так что они
-    // «всплывают» вверх от кнопки.
-    host.style.cssText = 'position:fixed; left:52px; bottom:12px; z-index:9999; display:flex; flex-direction:column-reverse; gap:8px; pointer-events:none; max-width:340px;';
-    document.body.appendChild(host);
-  }
-  const t = document.createElement('div');
-  const colors = {
-    ok:    'background:#1f4a1f; border:1px solid #4cc44c; color:#dcffdc;',
-    error: 'background:#4a1f1f; border:1px solid #c44c4c; color:#ffdcdc;',
-    info:  'background:#1f2f4a; border:1px solid #4c7cc4; color:#dceaff;',
-  };
-  t.style.cssText = `${colors[kind] || colors.info} padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; pointer-events:auto; box-shadow:0 6px 20px rgba(0,0,0,0.5); cursor:pointer; line-height:1.4; word-break:break-word;`;
-  t.textContent = text;
-  t.title = 'Кликни чтобы закрыть';
-  t.addEventListener('click', () => t.remove());
-  host.appendChild(t);
-  const ttl = kind === 'error' ? 30000 : 10000;
-  setTimeout(() => t.remove(), ttl);
-  return t;
+  // Bottom-left toast убран — событие напрямую идёт в notifyPanel,
+  // панель сама подсветится (см. _scheduleAutoFlash в notifyPanel.js).
+  // Если notifyPanel ещё не загружен (DOM-readiness race) — копим
+  // в очередь, она дренируется при создании панели.
+  try {
+    if (window.notifyPanel?.addEvent) {
+      window.notifyPanel.addEvent({ kind: kind || 'info', text, target: opts?.target || null });
+    } else {
+      (window.__pendingToastQueue = window.__pendingToastQueue || [])
+        .push({ kind: kind || 'info', text, target: opts?.target || null });
+    }
+  } catch {}
+  return { _stub: true };
 }
 window.showToast = showToast;
 
@@ -669,10 +662,14 @@ async function plannedProvider(kind) {
   let s;
   try { s = await window.appSettings.get(); } catch { s = {}; }
   const hasChatium = !!(s.useChatium && s.chatium?.token && s.chatium?.base);
+  const hasOpenrouter = !!(s.useOpenrouter && s.openrouterKey);
   switch (kind) {
     case 'text':
+      // Зеркалит логику в lib/providers.js:generateText — directOpenrouter
+      // имеет приоритет над Chatium (юзер явно включил → значит хочет
+      // не тратить kingkont-кредиты).
+      if (hasOpenrouter) return 'openrouter';
       if (hasChatium) return 'kingkont';
-      if (s.useOpenrouter === true) return 'openrouter';
       return 'none';
     case 'audio': case 'tts': case 'sfx': case 'music':
       // Если ElevenLabs включён С ключом — приоритет прямого ElevenLabs

package/renderer/styles.css

@@ -124,8 +124,11 @@
     display: flex; flex-direction: column; gap: 6px;
     font-size: 11px; color: #777;
   }
-  .sidebar-footer .hint { color: #777; font-size: 11px; line-height: 1.4; }
-  .sidebar-footer .jobs-info { color: #aaccdd; font-size: 11px; }
+  /* «В фоне: N» и hint «Перетаскивай файлы…» — отступаем влево на ширину
+     🔔-кнопки (32px + 12px gap слева от sidebar = 44px), чтобы кнопка
+     событий (position:fixed; left:12px; bottom:12px) их не перекрывала. */
+  .sidebar-footer .hint { color: #777; font-size: 11px; line-height: 1.4; padding-left: 44px; }
+  .sidebar-footer .jobs-info { color: #aaccdd; font-size: 11px; padding-left: 44px; }
   .sidebar-footer .balance-info {
     display: flex; align-items: center; gap: 6px; font-size: 11px;
     color: #c4c4c4; padding: 4px 8px; background: #2a2a2a;