kingkont 0.7.37 → 0.7.39

package/index.html

@@ -141,8 +141,20 @@
     scroll-snap-type: x proximity;
   }
   .welcome-recent-grid::-webkit-scrollbar { height: 8px; }
-  .welcome-recent-grid::-webkit-scrollbar-thumb { background: #3a3a3a; border-radius: 4px; }
-  .welcome-recent-grid::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }
+
+  /* === Глобальные dark-scrollbars === */
+  /* Firefox */
+  * { scrollbar-color: #3a3a3a #1a1a1a; scrollbar-width: thin; }
+  /* WebKit (Electron/Chrome) — все scroll-области в приложении. */
+  ::-webkit-scrollbar { width: 10px; height: 10px; background: #1a1a1a; }
+  ::-webkit-scrollbar-track { background: #1a1a1a; }
+  ::-webkit-scrollbar-thumb {
+    background: #3a3a3a;
+    border-radius: 4px;
+    border: 2px solid #1a1a1a;  /* gap, чтобы thumb «не прилипал» к краям */
+  }
+  ::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }
+  ::-webkit-scrollbar-corner { background: #1a1a1a; }
   .welcome-card {
     background: #232323; border: 1px solid #333; border-radius: 8px;
     overflow: hidden; cursor: pointer; transition: border-color 0.12s, transform 0.12s;
@@ -1025,10 +1037,7 @@
     <div class="sidebar-list" id="episodeList"></div>
   </div>
   <div class="sidebar-footer">
-    <span id="balanceInfo" class="balance-info" style="display:none;" title="Баланс KingKont-аккаунта · клик — лог списаний" onclick="window.openTxLog && window.openTxLog()">
-      <span class="dot"></span>
-      <span id="balanceValue">— credits</span>
-    </span>
+    <div id="balancesAll" style="display:flex; flex-direction:column; gap:4px;"></div>
     <span id="jobsInfo" class="jobs-info" style="display:none;"></span>
     <span class="hint">Перетаскивай файлы на холст · @имя для ссылок</span>
   </div>
@@ -2104,32 +2113,35 @@ window.addEventListener('DOMContentLoaded', async () => {
 // red (≤0). Также экспортирована глобально как window.refreshBalance —
 // чтобы settings-окно могло триггерить обновление после login/logout.
 async function refreshBalance() {
-  const pill = document.getElementById('balanceInfo');
-  const valueEl = document.getElementById('balanceValue');
-  if (!pill || !valueEl) return;
+  const wrap = document.getElementById('balancesAll');
+  if (!wrap) return;
+  let data = {};
   try {
-    const s = await window.appSettings.get();
-    if (!s.useChatium || !s.chatium?.token) {
-      pill.style.display = 'none';
-      return;
-    }
-    const r = await fetch('/api/balance');
-    if (!r.ok) {
-      pill.style.display = '';
-      pill.classList.remove('low'); pill.classList.add('empty');
-      valueEl.textContent = `— credits (HTTP ${r.status})`;
-      return;
-    }
-    const d = await r.json();
-    const balance = Number(d.balance) || 0;
-    pill.style.display = '';
-    pill.classList.toggle('low', balance > 0 && balance < 100);
-    pill.classList.toggle('empty', balance <= 0);
-    valueEl.innerHTML = `<b>${balance.toLocaleString('ru-RU')}</b>&nbsp;credits`;
-  } catch (e) {
-    pill.style.display = '';
-    pill.classList.remove('low'); pill.classList.add('empty');
-    valueEl.textContent = `— credits (offline)`;
+    const r = await fetch('/api/balance/all');
+    if (r.ok) data = await r.json();
+  } catch {}
+  wrap.innerHTML = '';
+  // Один pill на провайдер. Если у провайдера нет данных (выключен или
+  // API не дал баланс) — pill не рендерим.
+  const pills = [
+    { key: 'kingkont',   label: 'KingKont',   onClick: () => window.openTxLog?.(), low: 100, fmt: (a) => `<b>${a.toLocaleString('ru-RU')}</b>&nbsp;credits` },
+    { 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` },
+  ];
+  for (const p of pills) {
+    const d = data[p.key];
+    if (!d || typeof d.amount !== 'number') continue;
+    const pill = document.createElement('span');
+    pill.className = 'balance-info';
+    pill.title = `Баланс ${p.label}` + (p.onClick ? ' · клик — лог списаний' : '');
+    if (d.amount > 0 && d.amount < (p.low || 0)) pill.classList.add('low');
+    if (d.amount <= 0) pill.classList.add('empty');
+    pill.innerHTML = `<span class="dot"></span><span style="color:#888;font-size:10px;margin-right:4px;">${p.label}</span><span>${p.fmt(d.amount)}</span>`;
+    if (p.onClick) {
+      pill.style.cursor = 'pointer';
+      pill.addEventListener('click', p.onClick);
+    }
+    wrap.appendChild(pill);
   }
 }
 window.refreshBalance = refreshBalance;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.7.37",
+  "version": "0.7.39",
   "description": "KingKont \u00b7 Chatium \u2014 \u043d\u043e\u0434-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0446\u0435\u043d \u0441 AI-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0435\u0439 (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438/\u0432\u0438\u0434\u0435\u043e/\u0433\u043e\u043b\u043e\u0441/SFX/\u043c\u0443\u0437\u044b\u043a\u0430/\u0442\u0435\u043a\u0441\u0442)",
   "main": "main.js",
   "bin": {

package/server.js

@@ -657,7 +657,7 @@ async function handleTransactions(req, res) {
   }
 }
 
-// ---------- /api/balance (только Chatium) ----------
+// ---------- /api/balance (KingKont — legacy single-balance endpoint) ----------
 async function handleBalance(req, res) {
   const s = getSettings();
   if (!s.useChatium || !s.chatium?.token || !s.chatium?.base) {
@@ -682,6 +682,54 @@ async function handleBalance(req, res) {
   }
 }
 
+// ---------- /api/balance/all (агрегированные балансы всех включённых провайдеров) ----------
+async function handleBalanceAll(req, res) {
+  const s = getSettings();
+  const out = {};
+  // KingKont — credits.
+  if (s.useChatium && s.chatium?.token && s.chatium?.base) {
+    try {
+      const url = s.chatium.base.replace(/\/$/, '') + CHATIUM_PATHS.balance;
+      const r = await fetch(url, { headers: { 'Authorization': `Bearer ${s.chatium.token}` } });
+      const d = await r.json().catch(() => ({}));
+      if (r.ok && typeof d.balance === 'number') out.kingkont = { unit: 'credits', amount: d.balance };
+    } catch {}
+  }
+  // ElevenLabs — characters_left = limit - used.
+  if (s.useElevenlabs && process.env.ELEVENLABS_API_KEY) {
+    try {
+      const r = await fetch(`${ELEVEN_BASE}/v1/user/subscription`, {
+        headers: { 'xi-api-key': process.env.ELEVENLABS_API_KEY },
+      });
+      const d = await r.json().catch(() => ({}));
+      if (r.ok && typeof d.character_count === 'number' && typeof d.character_limit === 'number') {
+        out.elevenlabs = {
+          unit: 'chars',
+          amount: Math.max(0, d.character_limit - d.character_count),
+          limit: d.character_limit,
+        };
+      }
+    } catch {}
+  }
+  // OpenRouter — credits в USD.
+  if (s.useOpenrouter && process.env.OPENROUTER_API_KEY) {
+    try {
+      const r = await fetch('https://openrouter.ai/api/v1/credits', {
+        headers: { 'Authorization': `Bearer ${process.env.OPENROUTER_API_KEY}` },
+      });
+      const d = await r.json().catch(() => ({}));
+      if (r.ok && d.data && typeof d.data.total_credits === 'number') {
+        out.openrouter = {
+          unit: 'usd',
+          amount: Math.max(0, (d.data.total_credits || 0) - (d.data.total_usage || 0)),
+        };
+      }
+    } catch {}
+  }
+  // KIE — нет публичного balance-endpoint в их API; пропускаем.
+  send(res, 200, out);
+}
+
 // ---------- /api/sfx (Chatium ИЛИ ElevenLabs Sound Effects) ----------
 async function handleSfx(req, res) {
   const { text, durationSeconds, promptInfluence = 0.3 } = await readJson(req);
@@ -885,6 +933,7 @@ const server = createServer(async (req, res) => {
     if (req.method === 'POST' && url.pathname === '/api/music')    return handleMusic(req, res);
     if (req.method === 'POST' && url.pathname === '/api/text')     return handleText(req, res);
     if (req.method === 'GET'  && url.pathname === '/api/balance')  return handleBalance(req, res);
+    if (req.method === 'GET'  && url.pathname === '/api/balance/all') return handleBalanceAll(req, res);
     if (req.method === 'GET'  && url.pathname === '/api/transactions') return handleTransactions(req, res);
     if (req.method === 'GET') return serveStatic(res, url);
     send(res, 404, 'not found');

package/settings.html

@@ -105,6 +105,11 @@
 
     .saved { color: var(--ok); font-size: 12px; opacity: 0; transition: opacity 0.3s; }
     .saved.show { opacity: 1; }
+    /* Dark scrollbars — same palette как в основном окне. */
+    * { scrollbar-color: #3a3a3a var(--bg); scrollbar-width: thin; }
+    ::-webkit-scrollbar { width: 10px; height: 10px; background: var(--bg); }
+    ::-webkit-scrollbar-thumb { background: #3a3a3a; border-radius: 4px; border: 2px solid var(--bg); }
+    ::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }
   </style>
 </head>
 <body>

package/updates.html

@@ -74,6 +74,11 @@
       0%, 100% { box-shadow: 0 0 0 0 rgba(22,163,74,0.55); }
       50%      { box-shadow: 0 0 0 8px rgba(22,163,74,0); }
     }
+    /* Dark scrollbars — same palette как в основном окне. */
+    * { scrollbar-color: #3a3a3a var(--bg); scrollbar-width: thin; }
+    ::-webkit-scrollbar { width: 10px; height: 10px; background: var(--bg); }
+    ::-webkit-scrollbar-thumb { background: #3a3a3a; border-radius: 4px; border: 2px solid var(--bg); }
+    ::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }
   </style>
 </head>
 <body>