neuroalpha 0.5.15 → 0.5.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neuroalpha",
-  "version": "0.5.15",
+  "version": "0.5.17",
   "description": "НейроАльфа — ИИ-автопилот для рынка акций Мосбиржи: эмбеддинги акций, самообучение правил, коннекторы Т-Банк / БКС / Финам / Алор и боты Telegram / MAX",
   "author": "Roman A. Perepelkin",
   "license": "UNLICENSED",

package/public/admin.html

@@ -7,6 +7,7 @@
   <title>Админ-консоль · НейроАльфа</title>
   <style>
     :root {
+      color-scheme: dark;
       --bg: #0b0e14;
       --panel: #131822;
       --panel2: #18202f;
@@ -20,7 +21,8 @@
     }
     * { box-sizing: border-box; }
     body { margin: 0; background: var(--bg); color: var(--text); font: 14px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
-    a { color: var(--accent); text-decoration: none; }
+    a, a:visited { color: var(--accent); text-decoration: none; }
+    a.brand, a.brand:visited { color: var(--text); }
     code { background: rgba(255,255,255,0.06); padding: 2px 6px; border-radius: 4px; font-size: 12.5px; color: #93c5fd; }
     .wrap { max-width: 1180px; margin: 0 auto; padding: 24px 24px 64px; }
     .top { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-bottom: 16px; margin-bottom: 22px; border-bottom: 1px solid var(--line); }
@@ -50,9 +52,9 @@
     input:focus, select:focus { outline: none; border-color: var(--accent); }
     input.secret-input { -webkit-text-security: disc; }
     input.secret-input:focus { -webkit-text-security: none; }
-    button, .btn { background: var(--panel2); color: var(--text); border: 1px solid var(--line); border-radius: 7px; padding: 8px 14px; font: inherit; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
-    button:hover, .btn:hover { border-color: #3b4963; }
-    button.primary, .btn.primary { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600; }
+    button, .btn, a.btn, a.btn:visited { background: var(--panel2); color: var(--text); border: 1px solid var(--line); border-radius: 7px; padding: 8px 14px; font: inherit; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
+    button:hover, .btn:hover, a.btn:hover { border-color: #3b4963; color: var(--text); }
+    button.primary, .btn.primary, a.btn.primary, a.btn.primary:visited { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600; }
     button:disabled { opacity: 0.45; cursor: default; }
     table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
     th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--line); }

package/public/app.js

@@ -1612,21 +1612,101 @@ feed.addEventListener('click', async (e) => {
 // ======================================================================
 // МОДЕЛИ ИИ
 // ======================================================================
-const PROTO_LABEL = { openai: 'OpenAI-совместимый', anthropic: 'Anthropic', gigachat: 'GigaChat', ollama: 'Ollama' };
+const PROTO_LABEL = {
+  openai: 'OpenAI API',
+  anthropic: 'Anthropic Claude',
+  gigachat: 'Сбер GigaChat',
+  ollama: 'Ollama (локально)',
+};
 const URL_HINT = {
   openai: 'https://…/v1/chat/completions',
   gigachat: 'https://gigachat.devices.sberbank.ru/api/v1/chat/completions',
   ollama: 'http://localhost:11434/v1/chat/completions',
   anthropic: 'https://api.anthropic.com/v1/messages',
 };
+const LLM_PRESETS = {
+  openrouter: {
+    name: 'OpenRouter',
+    protocol: 'openai',
+    baseUrl: 'https://openrouter.ai/api/v1/chat/completions',
+    model: 'qwen/qwen3-235b-a22b',
+    tools: true,
+    hint: '<b>OpenRouter</b> — единый доступ к сотням моделей (Qwen, DeepSeek, Claude, GPT). Получите ключ в <code>openrouter.ai/keys</code>, вставьте ниже или после сохранения нажмите «🔍 Найти модели на сервере».',
+  },
+  deepseek: {
+    name: 'DeepSeek',
+    protocol: 'openai',
+    baseUrl: 'https://api.deepseek.com/v1/chat/completions',
+    model: 'deepseek-chat',
+    tools: true,
+    hint: '<b>DeepSeek API</b> — официальный API моделей DeepSeek V3 (<code>deepseek-chat</code>) и R1 (<code>deepseek-reasoner</code>). Ключ выпускается в <code>platform.deepseek.com/api_keys</code>.',
+  },
+  openai: {
+    name: 'OpenAI',
+    protocol: 'openai',
+    baseUrl: 'https://api.openai.com/v1/chat/completions',
+    model: 'gpt-4.1',
+    tools: true,
+    hint: '<b>OpenAI Platform</b> — модели <code>gpt-4.1</code>, <code>gpt-4.1-mini</code>, <code>o4-mini</code>. Ключ создаётся в <code>platform.openai.com/api-keys</code>.',
+  },
+  gigachat: {
+    name: 'GigaChat (Сбер)',
+    protocol: 'gigachat',
+    baseUrl: 'https://gigachat.devices.sberbank.ru/api/v1/chat/completions',
+    scope: 'GIGACHAT_API_PERS',
+    model: 'GigaChat-2-Max',
+    tools: true,
+    hint: '<b>Сбер GigaChat</b> — работает в РФ без VPN, корневой сертификат Минцифры уже встроен в НейроАльфа. Создайте проект в <code>developers.sber.ru/studio</code> и скопируйте <b>Authorization key</b>.',
+  },
+  ollama: {
+    name: 'Ollama (на этом ПК)',
+    protocol: 'ollama',
+    baseUrl: 'http://localhost:11434/v1/chat/completions',
+    model: 'qwen2.5:14b',
+    tools: true,
+    hint: '<b>Ollama</b> — бесплатный запуск моделей прямо на вашем компьютере без интернета и ключей. Установите с <code>ollama.com</code>, выполните <code>ollama pull qwen2.5:14b</code> и нажмите «🔍 Найти модели на сервере».',
+  },
+  custom: {
+    name: 'Свой ИИ-сервер',
+    protocol: 'openai',
+    baseUrl: 'http://localhost:8000/v1/chat/completions',
+    model: '',
+    tools: true,
+    hint: '<b>Свой сервер (vLLM, SGLang, LM Studio, llama.cpp)</b> — укажите адрес совместимого эндпоинта <code>/v1/chat/completions</code> и при необходимости ключ авторизации.',
+  },
+};
 const llmRemote = new Map();
+const llmRemoteFilter = new Map();
+let lastLlmTestResult = null;
 const modelKey = (p, m) => `${p}::${m}`;
 
+function shortEndpointHost(urlStr = '') {
+  try {
+    const u = new URL(urlStr);
+    return u.host + (u.pathname && u.pathname !== '/' && !u.pathname.endsWith('/chat/completions') && !u.pathname.endsWith('/messages') ? u.pathname : '');
+  } catch {
+    return urlStr;
+  }
+}
+
 async function loadLlm() {
   state.llm = await api('/api/llm/providers');
   renderLlm();
 }
 
+async function selectActiveLlm(pid, mid) {
+  try {
+    state.llm = await post('/api/llm/select', { providerId: pid, model: mid });
+    state.config.llm = state.llm.active;
+    lastLlmTestResult = null;
+    showLlmStatus();
+    renderLlm();
+    toast(`Активная модель Стратега: ${state.llm.active?.label || mid}`);
+  } catch (err) {
+    toast(err.message, 'error');
+  }
+}
+
 function renderModelMenu(filter = '') {
   if (!state.llm) return;
   const { providers, active } = state.llm;
@@ -1655,28 +1735,137 @@ function renderModelMenu(filter = '') {
 }
 
 function renderLlm() {
+  if (!state.llm) return;
   const { providers, active } = state.llm;
   const btn = $('#chat-model-btn');
   const lbl = $('#chat-model-lbl');
   if (lbl) lbl.textContent = active?.model ? (active.label || active.model) : 'Модель не выбрана';
-  if (btn) btn.title = active?.enabled ? `Отвечает: ${active.provider} · ${active.label}` : 'Модель не выбрана или нет ключа — настройте в «Настройки → Модели ИИ»';
+  if (btn) btn.title = active?.enabled ? `Отвечает: ${active.provider} · ${active.label}` : 'Модель не выбрана или нет ключа — настройте в «Модели ИИ»';
   renderModelMenu($('#model-search')?.value || '');
-  $('#llm-sum').textContent = `Модели ИИ для Стратега: ${active?.enabled ? `${active.provider} · ${active.label}` : 'не выбрана'}`;
-
-  $('#llm-list').innerHTML = providers.map((p) => `<div class="llm-prov" data-p="${esc(p.id)}">
-      <div class="llm-head"><b>${esc(p.name)}</b><span class="grow"></span>
-        <button type="button" data-act="test">Проверить</button>
-        <button type="button" data-act="remote">Модели с сервера</button>
-        <button type="button" data-act="edit">Изменить</button>
-        <button type="button" data-act="del" class="icon" title="Удалить подключение">Удалить</button>
+  $('#llm-sum').textContent = 'Модели ИИ для Стратега';
+
+  const bannerEl = $('#llm-active-banner');
+  if (bannerEl) {
+    const activeProv = providers.find((p) => p.id === active?.providerId);
+    const activeMod = activeProv?.models.find((m) => m.id === active?.model);
+    const toolsOn = activeMod ? activeMod.tools !== false && activeProv?.protocol !== 'anthropic' : true;
+    if (active?.enabled) {
+      bannerEl.innerHTML = `<div class="llm-active-hero">
+        <div class="llm-active-main">
+          <div class="llm-active-kicker"><span style="color:var(--green)">●</span> Сейчас отвечает ИИ-Стратег (в терминале, Telegram и MAX)</div>
+          <div class="llm-active-title">
+            <span>${esc(active.label || active.model)}</span>
+            <span class="tag ok">${esc(active.provider)}</span>
+            ${toolsOn
+              ? '<span class="tag" title="Стратег видит ваши брокерские счета, живой прогноз, сделки и новости">⚡ Полный доступ к счетам и прогнозам</span>'
+              : '<span class="tag mid" title="Инструменты отключены — модель работает только в режиме текстового собеседника">💬 Только беседа</span>'}
+          </div>
+          <div class="llm-active-sub">
+            ${active.model !== active.label ? `<span>ID: <code>${esc(active.model)}</code></span> · ` : ''}
+            <span>Сервер: <code>${esc(shortEndpointHost(activeProv?.baseUrl || ''))}</code></span>
+            ${activeProv?.keySource ? ` · <span>Авторизация: <b>${esc(activeProv.keySource)}</b></span>` : ''}
+          </div>
+          ${lastLlmTestResult ? `<div class="llm-test-res ${lastLlmTestResult.ok ? 'ok' : 'err'}">${esc(lastLlmTestResult.text)}</div>` : ''}
+        </div>
+        <div class="row-gap" style="align-items:center">
+          <button type="button" id="btn-llm-test-active" data-act="test-active">⚡ Проверить ответ ИИ</button>
+        </div>
+      </div>`;
+    } else {
+      bannerEl.innerHTML = `<div class="llm-active-hero off">
+        <div class="llm-active-main">
+          <div class="llm-active-kicker"><span style="color:var(--yellow)">▲</span> ИИ-Стратег сейчас не подключён</div>
+          <div class="llm-active-title">Выберите рабочую модель в списке ниже или подключите свой сервис</div>
+          <div class="llm-active-sub">Для работы чата и ответов бота в Telegram / MAX выберите модель с подключённым API-ключом.</div>
+        </div>
+      </div>`;
+    }
+  }
+
+  $('#llm-list').innerHTML = providers.map((p) => {
+    const isProvActive = active?.providerId === p.id;
+    const usable = p.hasKey || !p.needsKey;
+    const isCloud = p.id === 'neuroalpha_cloud' || p.source === 'cloud';
+    const keyBadge = p.needsKey
+      ? (p.hasKey
+        ? `<span class="tag ok" title="Ключ сохранён на сервере (${esc(p.keySource)})">✓ Ключ: ${esc(p.keySource || 'подключён')}</span>`
+        : '<span class="tag no">⚠ Нужен API-ключ</span>')
+      : `<span class="tag ok">${isCloud ? `✓ ${esc(p.keySource || 'Встроенный доступ')}` : '✓ Ключ не требуется'}</span>`;
+    const remoteList = llmRemote.get(p.id);
+    const rFilter = (llmRemoteFilter.get(p.id) || '').trim().toLowerCase();
+    const filteredRemote = Array.isArray(remoteList)
+      ? remoteList.filter((m) => !rFilter || m.id.toLowerCase().includes(rFilter))
+      : [];
+
+    return `<div class="llm-prov-card${isProvActive ? ' is-active' : ''}" data-p="${esc(p.id)}">
+      <div class="llm-head">
+        <div class="llm-title">
+          <span>${esc(p.name)}</span>
+          <span class="tag">${esc(PROTO_LABEL[p.protocol] || p.protocol)}</span>
+          ${keyBadge}
+        </div>
+        <span class="grow"></span>
+        <button type="button" data-act="test" title="Отправить тестовый запрос к этому подключению">⚡ Проверить связь</button>
+        <button type="button" data-act="remote" title="Запросить у сервера список всех доступных моделей">🔍 Модели на сервере</button>
+        <button type="button" data-act="edit" title="Изменить адрес, ключ или параметры подключения">⚙ Настроить</button>
+        ${isCloud ? '' : '<button type="button" data-act="del" class="icon" style="color:var(--muted)" title="Удалить подключение">🗑</button>'}
+      </div>
+      <div class="llm-meta">
+        <span>Адрес: <code title="${esc(p.baseUrl)}">${esc(shortEndpointHost(p.baseUrl))}</code></span>
+        ${p.protocol === 'gigachat' ? `<span>· Scope: <code>${esc(p.scope || 'GIGACHAT_API_PERS')}</code> · Сертификат Минцифры: <b>${p.caFile ? esc(p.caFile) : 'встроен ✓'}</b></span>` : ''}
+      </div>
+
+      <div class="llm-models">
+        ${p.models.map((m) => {
+          const on = active?.providerId === p.id && active.model === m.id;
+          const toolsEnabled = Boolean(m.tools) && p.protocol !== 'anthropic';
+          return `<div class="llm-model-row${on ? ' on' : ''}">
+            <button type="button" class="llm-model-pick" data-act="select" data-m="${esc(m.id)}" ${usable ? '' : 'disabled'} title="${on ? 'Эта модель сейчас отвечает за Стратега' : (usable ? 'Нажмите, чтобы сделать эту модель активной для Стратега' : 'Сначала укажите API-ключ в настройках подключения')}">
+              <span class="llm-radio"></span>
+              <span class="llm-model-info">
+                <b>${esc(m.label)}</b>
+                ${m.label !== m.id ? `<code class="muted small">${esc(m.id)}</code>` : ''}
+                ${on ? '<span class="tag ok" style="font-size:11px">● Активна</span>' : ''}
+              </span>
+            </button>
+            <div class="llm-model-actions">
+              ${p.protocol === 'anthropic'
+                ? '<span class="muted small" title="Протокол Anthropic подключён в режиме текстовой беседы">💬 только беседа</span>'
+                : `<label class="llm-tools-lbl${toolsEnabled ? ' on' : ''}" title="Разрешить модели запрашивать ваши брокерские счета, живой прогноз, сделки и новости Мосбиржи">
+                    <input type="checkbox" data-act="tools" data-m="${esc(m.id)}"${toolsEnabled ? ' checked' : ''}>
+                    <span>${toolsEnabled ? '⚡ Доступ к терминалу' : '💬 Только беседа'}</span>
+                  </label>`}
+              ${!on && usable ? `<button type="button" class="small" data-act="select" data-m="${esc(m.id)}">Выбрать</button>` : ''}
+              <button type="button" class="icon" data-act="rm" data-m="${esc(m.id)}" title="${on ? 'Эта модель сейчас выбрана активной' : 'Убрать модель из списка'}"${on || p.models.length <= 1 && isCloud ? ' disabled' : ''}>✕</button>
+            </div>
+          </div>`;
+        }).join('') || '<div class="muted small" style="padding:6px 2px">В этом подключении пока нет добавленных моделей — впишите ID модели ниже или нажмите «🔍 Модели на сервере».</div>'}
+      </div>
+
+      <div class="llm-card-foot">
+        <div class="llm-quick-add">
+          <input type="text" data-role="quick-model-in" placeholder="Добавить модель по ID (например, deepseek-reasoner)" autocomplete="off">
+          <button type="button" data-act="quick-add">+ Добавить модель</button>
+        </div>
+        <span class="muted small">${usable ? 'Нажмите на модель выше, чтобы переключить Стратега на неё' : 'Нажмите «⚙ Настроить», чтобы указать API-ключ'}</span>
       </div>
-      <div class="llm-meta">${esc(PROTO_LABEL[p.protocol] || p.protocol)} · ${esc(p.baseUrl)} · ${p.needsKey ? (p.hasKey ? `ключ есть (${esc(p.keySource)})` : '<span class="nokey">ключа нет</span>') : 'ключ не нужен'}${p.protocol === 'gigachat' ? (p.caFile ? ` · сертификат: ${esc(p.caFile)}` : ' · <span class="nokey">сертификат НУЦ не указан</span>') : ''}</div>
-      <div class="llm-models">${p.models.map((m) => {
-        const on = active?.providerId === p.id && active.model === m.id;
-        return `<div class="m${on ? ' on' : ''}"><b>${esc(m.label)}</b><span class="muted small">${m.label === m.id ? '' : esc(m.id)}</span><span class="grow"></span>${p.protocol === 'anthropic' ? '<span class="muted small">только беседа</span>' : `<label><input type="checkbox" data-act="tools" data-m="${esc(m.id)}"${m.tools ? ' checked' : ''}>инструменты</label>`}<button type="button" class="icon" data-act="rm" data-m="${esc(m.id)}" title="${on ? 'Эта модель сейчас выбрана' : 'Убрать модель из списка'}"${on ? ' disabled' : ''}>✕</button></div>`;
-      }).join('') || '<div class="muted small">Моделей нет — нажмите «Модели с сервера» или добавьте вручную.</div>'}</div>
-      ${llmRemote.has(p.id) ? `<div class="llm-remote">${llmRemote.get(p.id).length ? llmRemote.get(p.id).map((m) => `<button type="button" data-act="add" data-m="${esc(m.id)}"${m.added ? ' disabled' : ''}>${m.added ? '✓' : '+'} ${esc(m.id)}</button>`).join('') : '<span class="muted small">Сервер не вернул моделей</span>'}</div>` : ''}
-    </div>`).join('') || '<p class="muted">Подключений нет — добавьте своё ниже.</p>';
+
+      ${llmRemote.has(p.id) ? `<div class="llm-remote-box">
+        <div class="row-gap" style="align-items:center;justify-content:space-between;flex-wrap:wrap">
+          <b class="small">Найдено на сервере: ${remoteList.length} мод. (нажмите, чтобы добавить в список)</b>
+          <div class="row-gap" style="align-items:center">
+            ${remoteList.length > 6 ? `<input type="search" data-act="remote-filter" value="${esc(llmRemoteFilter.get(p.id) || '')}" placeholder="Фильтр по названию…" style="padding:3px 8px;font-size:12px;width:180px">` : ''}
+            <button type="button" class="small icon" data-act="close-remote" title="Скрыть список серверных моделей">✕</button>
+          </div>
+        </div>
+        <div class="llm-remote">
+          ${filteredRemote.length
+            ? filteredRemote.slice(0, 120).map((m) => `<button type="button" data-act="add" data-m="${esc(m.id)}"${m.added ? ' disabled' : ''}>${m.added ? '✓ ' : '+ '}${esc(m.id)}</button>`).join('')
+            : '<span class="muted small">По вашему фильтру модели не найдены</span>'}
+        </div>
+      </div>` : ''}
+    </div>`;
+  }).join('') || '<p class="muted">Подключений нет — нажмите «+ Подключить ИИ-сервис» выше.</p>';
 }
 
 async function llmModels(pid, fn) {
@@ -1710,12 +1899,7 @@ $('#model-menu-list')?.addEventListener('click', async (e) => {
   if (!b || b.disabled) return;
   const [pid, ...rest] = b.dataset.mval.split('::');
   closeModelMenu();
-  try {
-    state.llm = await post('/api/llm/select', { providerId: pid, model: rest.join('::') });
-    state.config.llm = state.llm.active;
-    showLlmStatus();
-  } catch (err) { toast(err.message, 'error'); }
-  renderLlm();
+  await selectActiveLlm(pid, rest.join('::'));
 });
 
 $('#model-manage-btn')?.addEventListener('click', () => {
@@ -1729,22 +1913,74 @@ document.addEventListener('click', (e) => {
   if (!e.target.closest('#mode-picker')) closeModeMenu();
 });
 
+$('#llm-active-banner')?.addEventListener('click', async (e) => {
+  const b = e.target.closest('button[data-act="test-active"]');
+  if (!b || !state.llm?.active?.providerId) return;
+  const { providerId, model, provider, label } = state.llm.active;
+  const old = b.textContent;
+  b.disabled = true;
+  b.textContent = 'Проверяю ответ…';
+  try {
+    const r = await post('/api/llm/test', { providerId, model });
+    if (r.ok) {
+      lastLlmTestResult = { ok: true, text: `✓ Ответ от «${provider} · ${label || model}» за ${fmtNum(r.ms / 1000, 1)} с: «${r.text}»` };
+      toast(lastLlmTestResult.text);
+    } else {
+      lastLlmTestResult = { ok: false, text: `✕ Ошибка «${provider}»: ${r.error}` };
+      toast(lastLlmTestResult.text, 'error');
+    }
+    renderLlm();
+  } catch (err) {
+    lastLlmTestResult = { ok: false, text: `✕ ${err.message}` };
+    toast(err.message, 'error');
+    renderLlm();
+  } finally {
+    if (b.isConnected) { b.disabled = false; b.textContent = old; }
+  }
+});
+
+$('#btn-llm-open-add')?.addEventListener('click', () => {
+  stopEdit();
+  const box = $('#llm-add-box');
+  if (box) {
+    box.open = true;
+    box.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+  }
+});
+
 $('#llm-list').addEventListener('click', async (e) => {
   const b = e.target.closest('button[data-act]');
   if (!b) return;
-  const pid = b.closest('[data-p]').dataset.p;
+  const card = b.closest('[data-p]');
+  if (!card) return;
+  const pid = card.dataset.p;
   const p = state.llm.providers.find((x) => x.id === pid);
+  if (!p) return;
   const old = b.textContent;
   try {
     switch (b.dataset.act) {
+      case 'select': {
+        const mid = b.dataset.m;
+        if (mid) await selectActiveLlm(pid, mid);
+        break;
+      }
       case 'test': {
         const model = state.llm.active?.providerId === pid ? state.llm.active.model : p.models[0]?.id;
-        if (!model) { toast('Сначала добавьте модель', 'error'); break; }
+        if (!model) { toast('Сначала добавьте модель в это подключение', 'error'); break; }
         b.disabled = true;
         b.textContent = 'Проверяю…';
         const r = await post('/api/llm/test', { providerId: pid, model });
-        if (r.ok) toast(`${p.name} · ${model}: «${r.text}» за ${fmtNum(r.ms / 1000, 1)} с`);
-        else toast(`${p.name}: ${r.error}`, 'error');
+        if (r.ok) {
+          const msg = `✓ ${p.name} · ${model}: ответ «${r.text}» за ${fmtNum(r.ms / 1000, 1)} с`;
+          if (state.llm.active?.providerId === pid) lastLlmTestResult = { ok: true, text: msg };
+          toast(msg);
+          renderLlm();
+        } else {
+          const msg = `✕ ${p.name}: ${r.error}`;
+          if (state.llm.active?.providerId === pid) lastLlmTestResult = { ok: false, text: msg };
+          toast(msg, 'error');
+          renderLlm();
+        }
         break;
       }
       case 'remote': {
@@ -1754,23 +1990,77 @@ $('#llm-list').addEventListener('click', async (e) => {
         renderLlm();
         break;
       }
+      case 'close-remote': {
+        llmRemote.delete(pid);
+        llmRemoteFilter.delete(pid);
+        renderLlm();
+        break;
+      }
       case 'add': {
-        await llmModels(pid, (ms) => [...ms, { id: b.dataset.m, label: b.dataset.m, tools: p.protocol !== 'anthropic' }]);
+        const mid = b.dataset.m;
+        await llmModels(pid, (ms) => [...ms, { id: mid, label: mid, tools: p.protocol !== 'anthropic' }]);
         const list = llmRemote.get(pid);
-        if (list) list.forEach((m) => { if (m.id === b.dataset.m) m.added = true; });
-        renderLlm();
+        if (list) list.forEach((m) => { if (m.id === mid) m.added = true; });
+        if (!state.llm.active?.enabled && (p.hasKey || !p.needsKey)) {
+          await selectActiveLlm(pid, mid);
+        } else {
+          renderLlm();
+        }
         break;
       }
-      case 'rm': await llmModels(pid, (ms) => ms.filter((m) => m.id !== b.dataset.m)); break;
-      case 'edit': startEdit(p); break;
+      case 'quick-add': {
+        const inp = card.querySelector('input[data-role="quick-model-in"]');
+        const mid = String(inp?.value || '').trim();
+        if (!mid) { toast('Введите идентификатор модели (например, deepseek-chat)', 'error'); inp?.focus(); break; }
+        await llmModels(pid, (ms) => [...ms, { id: mid, label: mid, tools: p.protocol !== 'anthropic' }]);
+        toast(`Модель «${mid}» добавлена в «${p.name}»`);
+        break;
+      }
+      case 'rm':
+        await llmModels(pid, (ms) => ms.filter((m) => m.id !== b.dataset.m));
+        break;
+      case 'edit':
+        startEdit(p);
+        break;
       case 'del':
-        if (confirm(`Удалить подключение «${p.name}»?`)) { llmRemote.delete(pid); state.llm = await api(`/api/llm/providers/${encodeURIComponent(pid)}`, { method: 'DELETE' }); renderLlm(); }
+        if (confirm(`Удалить подключение «${p.name}»?`)) {
+          llmRemote.delete(pid);
+          state.llm = await api(`/api/llm/providers/${encodeURIComponent(pid)}`, { method: 'DELETE' });
+          renderLlm();
+        }
         break;
     }
   } catch (err) { toast(err.message, 'error'); } finally {
-    if (b.isConnected) { b.disabled = false; b.textContent = old; }
+    if (b.isConnected && b.dataset.act !== 'select') { b.disabled = false; b.textContent = old; }
+  }
+});
+
+$('#llm-list').addEventListener('keydown', (e) => {
+  if (e.key === 'Enter' && e.target.matches('input[data-role="quick-model-in"]')) {
+    e.preventDefault();
+    e.target.closest('[data-p]')?.querySelector('button[data-act="quick-add"]')?.click();
+  }
+});
+
+$('#llm-list').addEventListener('input', (e) => {
+  if (e.target.matches('input[data-act="remote-filter"]')) {
+    const card = e.target.closest('[data-p]');
+    if (!card) return;
+    const pid = card.dataset.p;
+    const val = e.target.value;
+    llmRemoteFilter.set(pid, val);
+    const remoteList = llmRemote.get(pid) || [];
+    const q = val.trim().toLowerCase();
+    const filtered = remoteList.filter((m) => !q || m.id.toLowerCase().includes(q));
+    const box = card.querySelector('.llm-remote');
+    if (box) {
+      box.innerHTML = filtered.length
+        ? filtered.slice(0, 120).map((m) => `<button type="button" data-act="add" data-m="${esc(m.id)}"${m.added ? ' disabled' : ''}>${m.added ? '✓ ' : '+ '}${esc(m.id)}</button>`).join('')
+        : '<span class="muted small">По вашему фильтру модели не найдены</span>';
+    }
   }
 });
+
 $('#llm-list').addEventListener('change', async (e) => {
   const c = e.target.closest('input[data-act="tools"]');
   if (!c) return;
@@ -1784,16 +2074,42 @@ function syncAddForm() {
   const proto = addForm.elements.protocol.value;
   addForm.elements.baseUrl.placeholder = URL_HINT[proto];
   addForm.elements.baseUrl.required = proto === 'openai' && !addForm.elements.baseUrl.value;
-  $('#llm-key-label').textContent = proto === 'gigachat' ? 'Ключ авторизации (Authorization key)' : 'Ключ (API key)';
-  addForm.elements.apiKey.placeholder = editingPid ? 'не меняется — оставьте пустым' : '';
+  $('#llm-key-label').textContent = proto === 'gigachat' ? 'Ключ авторизации (Authorization key)' : 'Секретный ключ (API Key)';
+  addForm.elements.apiKey.placeholder = editingPid ? 'Оставьте пустым, чтобы сохранить текущий ключ' : 'Вставьте ключ доступа (хранится зашифрованно)';
   addForm.querySelector('[data-for=key]').hidden = proto === 'ollama';
   addForm.querySelector('[data-for=scope]').hidden = proto !== 'gigachat';
   addForm.querySelector('[data-for=cert]').hidden = proto !== 'gigachat';
   addForm.querySelector('[data-for=clearkey]').hidden = proto === 'ollama' || !editingPid;
   addForm.elements.tools.disabled = proto === 'anthropic';
+  const mLbl = $('#llm-model-field-lbl');
+  if (mLbl) mLbl.textContent = editingPid ? 'Добавить ещё модель (необязательно)' : 'Основная модель (ID)';
 }
 addForm.elements.protocol.addEventListener('change', syncAddForm);
 syncAddForm();
+
+$('#llm-presets')?.addEventListener('click', (e) => {
+  const btn = e.target.closest('button[data-preset]');
+  if (!btn) return;
+  const preset = LLM_PRESETS[btn.dataset.preset];
+  if (!preset) return;
+  $$('#llm-presets .llm-preset-btn').forEach((b) => b.classList.toggle('active', b === btn));
+  const f = addForm.elements;
+  f.name.value = preset.name;
+  f.protocol.value = preset.protocol;
+  f.baseUrl.value = preset.baseUrl;
+  if (preset.scope && f.scope) f.scope.value = preset.scope;
+  f.model.value = preset.model || '';
+  f.tools.checked = preset.tools !== false && preset.protocol !== 'anthropic';
+  syncAddForm();
+  const hintEl = $('#llm-preset-hint');
+  if (hintEl) {
+    hintEl.innerHTML = preset.hint || '';
+    hintEl.hidden = !preset.hint;
+  }
+  if (preset.protocol !== 'ollama') f.apiKey.focus();
+  else f.model.focus();
+});
+
 function startEdit(p) {
   editingPid = p.id;
   const f = addForm.elements;
@@ -1802,47 +2118,76 @@ function startEdit(p) {
   f.protocol.value = p.protocol;
   f.baseUrl.value = p.baseUrl;
   f.apiKey.value = '';
-  f.scope.value = p.scope || '';
+  f.scope.value = p.scope || 'GIGACHAT_API_PERS';
   f.caFile.value = p.caFile || '';
   f.model.value = '';
   f.tools.checked = p.models[0]?.tools !== false && p.protocol !== 'anthropic';
   f.clearKey.checked = false;
+  if ($('#llm-presets-wrap')) $('#llm-presets-wrap').hidden = true;
   $('#llm-add-box').open = true;
-  $('#llm-add-sum').textContent = `Изменить подключение «${p.name}»`;
-  $('#llm-add-btn').textContent = 'Сохранить';
+  $('#llm-add-sum').textContent = `⚙ Настройка подключения «${p.name}»`;
+  $('#llm-add-btn').textContent = 'Сохранить изменения';
   $('#llm-cancel').hidden = false;
-  addForm.scrollIntoView({ block: 'nearest' });
+  $('#llm-add-box').scrollIntoView({ behavior: 'smooth', block: 'nearest' });
   syncAddForm();
 }
 function stopEdit() {
   editingPid = null;
   addForm.reset();
   addForm.elements.pid.value = '';
-  $('#llm-add-sum').textContent = 'Добавить подключение';
-  $('#llm-add-btn').textContent = 'Добавить';
+  $$('#llm-presets .llm-preset-btn').forEach((b) => b.classList.remove('active'));
+  if ($('#llm-preset-hint')) { $('#llm-preset-hint').hidden = true; $('#llm-preset-hint').innerHTML = ''; }
+  if ($('#llm-presets-wrap')) $('#llm-presets-wrap').hidden = false;
+  $('#llm-add-sum').textContent = '+ Подключить новый сервис или локальную модель ИИ';
+  $('#llm-add-btn').textContent = 'Сохранить подключение';
   $('#llm-cancel').hidden = true;
   syncAddForm();
 }
-$('#llm-cancel').addEventListener('click', stopEdit);
+$('#llm-cancel').addEventListener('click', () => {
+  stopEdit();
+  $('#llm-add-box').open = false;
+});
 addForm.addEventListener('submit', async (e) => {
   e.preventDefault();
   const f = addForm.elements;
   const model = f.model.value.trim();
+  const existingProv = editingPid ? state.llm?.providers?.find((x) => x.id === editingPid) : null;
+  let nextModels;
+  if (editingPid) {
+    if (model) {
+      const prev = existingProv?.models ? existingProv.models.map((m) => ({ ...m })) : [];
+      if (!prev.some((m) => m.id === model)) {
+        prev.push({ id: model, label: model, tools: f.tools.checked && f.protocol.value !== 'anthropic' });
+      }
+      nextModels = prev;
+    }
+  } else {
+    nextModels = model ? [{ id: model, label: model, tools: f.tools.checked && f.protocol.value !== 'anthropic' }] : [];
+  }
   const body = {
-    name: f.name.value, protocol: f.protocol.value, baseUrl: f.baseUrl.value, scope: f.scope.value, caFile: f.caFile.value,
+    name: f.name.value,
+    protocol: f.protocol.value,
+    baseUrl: f.baseUrl.value,
+    scope: f.scope.value,
+    caFile: f.caFile.value,
     ...(f.apiKey.value.trim() ? { apiKey: f.apiKey.value } : {}),
     ...(f.clearKey.checked ? { clearKey: true } : {}),
-    // при редактировании пустое поле модели — не трогать список моделей
-    ...(model || !editingPid ? { models: model ? [{ id: model, label: model, tools: f.tools.checked && f.protocol.value !== 'anthropic' }] : [] } : {}),
+    ...(nextModels !== undefined ? { models: nextModels } : {}),
   };
   const wasEdit = !!editingPid;
   try {
     state.llm = wasEdit
       ? await api(`/api/llm/providers/${encodeURIComponent(editingPid)}`, { method: 'PUT', body })
       : await post('/api/llm/providers', body);
+    const createdProv = !wasEdit ? state.llm.provider : null;
     stopEdit();
-    renderLlm();
-    toast(wasEdit ? 'Подключение сохранено' : 'Подключение добавлено. Нажмите «Проверить», чтобы убедиться, что оно работает.');
+    $('#llm-add-box').open = false;
+    if (createdProv && createdProv.models?.length && (createdProv.hasKey || !createdProv.needsKey)) {
+      await selectActiveLlm(createdProv.id, createdProv.models[0].id);
+    } else {
+      renderLlm();
+      toast(wasEdit ? 'Настройки подключения сохранены' : 'Подключение добавлено');
+    }
   } catch (err) { toast(err.message, 'error'); }
 });
 
@@ -3245,7 +3590,7 @@ async function renderCloudPane() {
           <div class="hint">Управление пользователями, тарифами, приёмом платежей ЮKassa, промокодами, VIP-токенами, OAuth-провайдерами и юридическими реквизитами оферты вынесено в отдельное приложение.</div>
         </div>
         <div class="row-gap" style="flex-wrap:wrap">
-          <a class="btn primary" href="/admin" style="padding:7px 14px;border-radius:7px;text-decoration:none">Открыть админ-консоль (/admin) →</a>
+          <a class="btn primary" href="/admin">Открыть админ-консоль (/admin) →</a>
         </div>
       </div>`;
     } else {
@@ -3303,7 +3648,7 @@ async function renderCloudPane() {
         <button type="button" id="btn-promo-redeem">Активировать код / VIP</button>
         <button type="button" class="primary" data-checkout="investor">Тариф «Инвестор» · 3 900 ₽</button>
         <button type="button" class="primary" data-checkout="pro">Тариф «Профи» · 9 900 ₽</button>
-        <a class="btn" href="/landing#pricing" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none">Согласовать VIP →</a>
+        <a class="btn" href="/landing#pricing">Согласовать VIP →</a>
       </div>
     </div>
     <div class="srow sblock">
@@ -3316,10 +3661,10 @@ async function renderCloudPane() {
         </div>
       </div>
       <div class="row-gap" style="flex-wrap:wrap">
-        ${tgUrl ? `<a class="btn" href="${esc(tgUrl)}" target="_blank" rel="noopener" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px">Открыть Telegram</a>` : ''}
-        ${maxUrl ? `<a class="btn" href="${esc(maxUrl)}" target="_blank" rel="noopener" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px">Открыть MAX</a>` : ''}
+        ${tgUrl ? `<a class="btn" href="${esc(tgUrl)}" target="_blank" rel="noopener">Открыть Telegram</a>` : ''}
+        ${maxUrl ? `<a class="btn" href="${esc(maxUrl)}" target="_blank" rel="noopener">Открыть MAX</a>` : ''}
         <button type="button" id="btn-notify-test">Тест уведомления</button>
-        <a class="btn" href="/legal" target="_blank" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none">Договор-оферта →</a>
+        <a class="btn" href="/legal" target="_blank">Договор-оферта →</a>
       </div>
     </div>
     ${adminLinkHtml}

package/public/index.html

@@ -246,36 +246,61 @@
             </section>
 
             <section class="ssec" data-sec="llm" id="llm-box" hidden>
-              <div class="stitle" id="llm-sum">Модели ИИ для Стратега</div>
+              <div class="stitle bar">
+                <span id="llm-sum">Модели ИИ для Стратега</span>
+                <div class="row-gap" style="align-items:center">
+                  <button type="button" id="btn-llm-open-add" class="primary">+ Подключить ИИ-сервис</button>
+                </div>
+              </div>
               <div class="scard spadded">
-                <p class="muted small" style="margin-top:0">Выберите модель в шапке чата. Ключи хранятся только в базе на этом компьютере и в интерфейсе не показываются.</p>
-                <div id="llm-list"></div>
-                <details id="llm-add-box">
-                  <summary id="llm-add-sum">Добавить подключение</summary>
-                  <form id="llm-add" autocomplete="off">
-                    <input type="hidden" name="pid">
-                    <label><span>Название</span><input name="name" required placeholder="Например, Мой сервер"></label>
-                    <label><span>Протокол</span>
-                      <select name="protocol">
-                        <option value="openai">OpenAI-совместимый</option>
-                        <option value="gigachat">GigaChat</option>
-                        <option value="ollama">Ollama (на этом компьютере)</option>
-                        <option value="anthropic">Anthropic (только беседа)</option>
-                      </select>
-                    </label>
-                    <label><span>Адрес</span><input name="baseUrl" placeholder="https://…/v1/chat/completions"></label>
-                    <label data-for="key"><span id="llm-key-label">Ключ</span><input name="apiKey" type="text" class="secret-input" autocomplete="off" spellcheck="false" data-lpignore="true" data-1p-ignore="true"></label>
-                    <label data-for="scope" hidden><span>Область доступа (scope)</span><input name="scope" placeholder="GIGACHAT_API_PERS"></label>
-                    <label data-for="cert" hidden><span>Сертификат НУЦ Минцифры (путь к .pem, для GigaChat)</span><input name="caFile" placeholder="путь к russian_trusted_root_ca.pem"></label>
-                    <label data-for="model"><span>Модель (идентификатор на сервере)</span><input name="model" placeholder="например, qwen/Qwen3-8B"></label>
-                    <label class="check" data-for="tools"><span>Модель умеет пользоваться инструментами</span><input name="tools" type="checkbox" checked></label>
-                    <label class="check" data-for="clearkey" hidden><span>Убрать сохранённый ключ</span><input name="clearKey" type="checkbox"></label>
-                    <div class="row-gap">
-                      <button class="primary" type="submit" id="llm-add-btn">Добавить</button>
-                      <button type="button" id="llm-cancel" hidden>Отмена</button>
+                <div id="llm-active-banner"></div>
+                <div id="llm-form-slot">
+                  <details id="llm-add-box" class="llm-form-card">
+                    <summary id="llm-add-sum">+ Подключить новый сервис или локальную модель ИИ</summary>
+                    <div class="llm-presets-wrap" id="llm-presets-wrap">
+                      <div class="muted small" style="margin-bottom:6px">Выберите готовый шаблон для быстрой настройки в 1 клик или укажите свой сервер:</div>
+                      <div class="llm-presets" id="llm-presets">
+                        <button type="button" class="llm-preset-btn" data-preset="openrouter">🌐 OpenRouter<span>Qwen, Claude, GPT, DeepSeek</span></button>
+                        <button type="button" class="llm-preset-btn" data-preset="deepseek">🐳 DeepSeek API<span>deepseek-chat / reasoner</span></button>
+                        <button type="button" class="llm-preset-btn" data-preset="openai">🤖 OpenAI<span>gpt-4.1 / o4-mini</span></button>
+                        <button type="button" class="llm-preset-btn" data-preset="gigachat">🟢 GigaChat (Сбер)<span>GigaChat-2-Max / Pro</span></button>
+                        <button type="button" class="llm-preset-btn" data-preset="ollama">🖥 Ollama (на ПК)<span>Локально без API-ключа</span></button>
+                        <button type="button" class="llm-preset-btn" data-preset="custom">⚙ Свой сервер<span>vLLM / LM Studio / SGLang</span></button>
+                      </div>
+                      <div id="llm-preset-hint" class="llm-preset-hint" hidden></div>
                     </div>
-                  </form>
-                </details>
+                    <form id="llm-add" autocomplete="off" style="margin-top:12px">
+                      <input type="hidden" name="pid">
+                      <label><span>Название подключения</span><input name="name" required placeholder="Например: Корпоративный vLLM или OpenRouter"></label>
+                      <label><span>Тип подключения (протокол)</span>
+                        <select name="protocol">
+                          <option value="openai">OpenAI-совместимый API (стандарт для большинства сервисов)</option>
+                          <option value="gigachat">Сбер GigaChat API</option>
+                          <option value="ollama">Ollama (локально на этом компьютере)</option>
+                          <option value="anthropic">Anthropic Claude API (только текстовая беседа)</option>
+                        </select>
+                      </label>
+                      <label><span>Адрес сервера (URL)</span><input name="baseUrl" placeholder="https://…/v1/chat/completions"></label>
+                      <label data-for="key"><span id="llm-key-label">Секретный ключ (API Key)</span><input name="apiKey" type="text" class="secret-input" autocomplete="off" spellcheck="false" data-lpignore="true" data-1p-ignore="true" placeholder="Вставьте API-ключ (хранится зашифрованно)"></label>
+                      <label data-for="scope" hidden><span>Версия API GigaChat (scope)</span>
+                        <select name="scope">
+                          <option value="GIGACHAT_API_PERS">GIGACHAT_API_PERS — для физлиц</option>
+                          <option value="GIGACHAT_API_B2B">GIGACHAT_API_B2B — для ИП и юрлиц (пакеты)</option>
+                          <option value="GIGACHAT_API_CORP">GIGACHAT_API_CORP — для юрлиц (pay-as-you-go)</option>
+                        </select>
+                      </label>
+                      <label data-for="cert" hidden><span>Сертификат НУЦ Минцифры (.pem)</span><input name="caFile" placeholder="необязательно (встроен автоматически) или путь к .pem"></label>
+                      <label data-for="model"><span id="llm-model-field-lbl">Основная модель (ID)</span><input name="model" placeholder="например, Qwen/Qwen3-32B или deepseek-chat"></label>
+                      <label class="check" data-for="tools"><span>Разрешить модели работать со счетами, прогнозами и новостями (вызов инструментов)</span><input name="tools" type="checkbox" class="switch" checked></label>
+                      <label class="check" data-for="clearkey" hidden><span>Удалить ранее сохранённый ключ</span><input name="clearKey" type="checkbox" class="switch"></label>
+                      <div class="row-gap" style="margin-top:4px">
+                        <button class="primary" type="submit" id="llm-add-btn">Сохранить подключение</button>
+                        <button type="button" id="llm-cancel" hidden>Отмена</button>
+                      </div>
+                    </form>
+                  </details>
+                </div>
+                <div id="llm-list" class="llm-prov-grid"></div>
               </div>
             </section>
           </div>

package/public/landing.html

@@ -7,6 +7,7 @@
   <title>НейроАльфа — ИИ-автопилот для рынка акций</title>
   <style>
     :root {
+      color-scheme: dark;
       --bg: #060911;
       --bg2: #0b101d;
       --panel: rgba(17, 24, 39, 0.72);
@@ -30,7 +31,7 @@
       font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
       overflow-x: hidden;
     }
-    a { color: inherit; text-decoration: none; }
+    a, a:visited { color: inherit; text-decoration: none; }
     .wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }
 
     /* ---------- Фоновое свечение и сетка ---------- */

package/public/legal.html

@@ -6,10 +6,11 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Правовые документы · НейроАльфа</title>
   <style>
-    :root { --bg: #0b0e14; --panel: #131822; --line: #242c3d; --text: #eef2f6; --muted: #94a3b8; --accent: #3b82f6; }
+    :root { color-scheme: dark; --bg: #0b0e14; --panel: #131822; --line: #242c3d; --text: #eef2f6; --muted: #94a3b8; --accent: #3b82f6; }
     * { box-sizing: border-box; }
     body { margin: 0; background: var(--bg); color: var(--text); font: 15.5px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
-    a { color: var(--accent); text-decoration: none; }
+    a, a:visited { color: var(--accent); text-decoration: none; }
+    a.brand, a.brand:visited { color: var(--text); }
     .wrap { max-width: 900px; margin: 0 auto; padding: 36px 24px 70px; }
     .top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
     .brand { font-weight: 700; font-size: 19px; color: var(--text); }

package/public/styles.css

@@ -1,11 +1,15 @@
 /* Copyright (c) 2026 Roman A. Perepelkin. All rights reserved. Proprietary software. */
 :root {
+  color-scheme: dark;
   --bg: #0d1016;
-  --panel: #13171f;
-  --line: #2a313e;
+  --panel: #151a24;
+  --line: #30394a;
+  --border: #30394a;
+  --bg1: #0d1016;
+  --bg2: #151a24;
   --text: #e6edf3;
-  --muted: #98a2b3;
-  --accent: #4f8cff;
+  --muted: #9da7b8;
+  --accent: #5895ff;
   --green: #3fb950;
   --red: #f85149;
   --yellow: #d29922;
@@ -13,13 +17,17 @@
   --best-bg: #13241a;
   --flash-bg: #2a1f45;
   --chat-w: 38%;
-  --accent-bg: rgba(79, 140, 255, 0.14);
-  --hover-bg: rgba(255, 255, 255, 0.05);
+  --accent-bg: rgba(88, 149, 255, 0.15);
+  --hover-bg: rgba(255, 255, 255, 0.06);
 }
 body.light {
+  color-scheme: light;
   --bg: #f6f8fa;
   --panel: #ffffff;
   --line: #d0d7de;
+  --border: #d0d7de;
+  --bg1: #f6f8fa;
+  --bg2: #ffffff;
   --text: #1f2328;
   --muted: #57606a;
   --accent: #2457d6;
@@ -35,6 +43,8 @@ body.light {
 * { box-sizing: border-box; }
 html, body { height: 100%; }
 body { margin: 0; background: var(--bg); color: var(--text); font: 14px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; overflow: hidden; }
+a, a:visited { color: var(--accent); text-decoration: none; }
+a:hover { color: var(--accent); text-decoration: underline; }
 .muted { color: var(--muted); }
 .small { font-size: 12px; }
 .grow { flex: 1; }
@@ -52,8 +62,11 @@ header { height: 48px; display: flex; justify-content: space-between; align-item
 .dot.bad { background: var(--red); }
 
 input, select, textarea { background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 6px; padding: 6px 8px; font: inherit; }
+input:focus, select:focus, textarea:focus { border-color: var(--accent); outline: none; }
+input::placeholder, textarea::placeholder { color: var(--muted); opacity: 0.82; }
+select option, select optgroup { background: var(--panel); color: var(--text); }
 textarea { resize: none; width: 100%; }
-button, a.hdr-btn {
+button, a.hdr-btn, a.hdr-btn:visited, a.btn, a.btn:visited {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -71,10 +84,10 @@ button, a.hdr-btn {
   text-decoration: none;
   transition: background .15s, border-color .15s, color .15s;
 }
-button:hover:not(:disabled), a.hdr-btn:hover { border-color: var(--accent); color: var(--accent); background: var(--hover-bg); }
+button:hover:not(:disabled), a.hdr-btn:hover, a.btn:hover { border-color: var(--accent); color: var(--accent); background: var(--hover-bg); text-decoration: none; }
 button:disabled { opacity: .55; cursor: default; }
-button.primary { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600; }
-button.primary:hover:not(:disabled) { background: var(--accent); border-color: var(--accent); color: #fff; filter: brightness(1.08); }
+button.primary, a.btn.primary, a.btn.primary:visited { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600; }
+button.primary:hover:not(:disabled), a.btn.primary:hover { background: var(--accent); border-color: var(--accent); color: #fff; filter: brightness(1.08); text-decoration: none; }
 button.icon { padding: 4px 9px; color: var(--text); background: var(--panel); border: 1px solid var(--line); }
 button.icon-lg { width: 40px; height: 40px; padding: 0; font-size: 15px; flex: none; }
 .hdr-btn { padding: 4px 10px; font-size: 12.5px; }
@@ -355,18 +368,60 @@ input[type=checkbox].switch::after { content: ""; position: absolute; width: 16p
 input[type=checkbox].switch:checked { background: var(--accent); border-color: var(--accent); }
 input[type=checkbox].switch:checked::after { transform: translateX(16px); background: #fff; }
 .chat-head #chat-model { max-width: 190px; min-width: 0; text-overflow: ellipsis; }
-#llm-box details { margin-top: 12px; }
-.llm-prov { border-bottom: 1px solid var(--line); padding: 8px 0; }
-.llm-prov .llm-head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
-.llm-prov .llm-head button { padding: 2px 9px; font-size: 12px; }
-.llm-prov .llm-meta { font-size: 12px; color: var(--muted); word-break: break-all; }
-.llm-prov .llm-meta .nokey { color: var(--yellow); }
-.llm-models { margin-top: 4px; font-size: 12.5px; }
-.llm-models .m { display: flex; align-items: center; gap: 8px; padding: 1px 0; }
-.llm-models .m.on b { color: var(--accent); }
-.llm-models .m label { color: var(--muted); font-size: 12px; display: inline-flex; align-items: center; gap: 4px; }
-.llm-remote { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
-.llm-remote button { padding: 1px 8px; font-size: 12px; border-radius: 999px; color: var(--muted); }
+#llm-box details { margin-top: 10px; }
+.llm-active-hero { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 14px 16px; border: 1px solid rgba(59, 130, 246, 0.35); border-radius: 12px; background: linear-gradient(135deg, rgba(59, 130, 246, 0.10), rgba(16, 185, 129, 0.05)); margin-bottom: 14px; }
+.llm-active-hero.off { border-color: rgba(245, 158, 11, 0.45); background: rgba(245, 158, 11, 0.07); }
+.llm-active-main { display: grid; gap: 4px; min-width: 220px; flex: 1; }
+.llm-active-kicker { font-size: 11px; text-transform: uppercase; letter-spacing: 0.45px; color: var(--muted); font-weight: 600; display: flex; align-items: center; gap: 6px; }
+.llm-active-title { font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.llm-active-sub { font-size: 12.5px; color: var(--muted); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.llm-test-res { margin-top: 6px; font-size: 12px; padding: 6px 10px; border-radius: 8px; background: var(--bg); border: 1px solid var(--line); }
+.llm-test-res.ok { border-color: rgba(16, 185, 129, 0.45); color: var(--green); }
+.llm-test-res.err { border-color: rgba(239, 68, 68, 0.45); color: var(--red); }
+
+.llm-form-card { border: 1px solid var(--line); border-radius: 12px; background: var(--bg); padding: 12px 16px; margin-bottom: 14px; }
+.llm-form-card[open] { border-color: var(--accent); }
+.llm-form-card > summary { cursor: pointer; font-weight: 600; font-size: 14px; color: var(--accent); user-select: none; }
+.llm-presets-wrap { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
+.llm-presets { display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 7px; }
+.llm-preset-btn { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--line); background: var(--panel); font-size: 12.5px; font-weight: 600; cursor: pointer; transition: border-color .15s, background .15s; }
+.llm-preset-btn span { font-size: 11px; font-weight: 400; color: var(--muted); }
+.llm-preset-btn:hover, .llm-preset-btn.active { border-color: var(--accent); background: rgba(59, 130, 246, 0.09); }
+.llm-preset-hint { margin-top: 8px; padding: 8px 11px; border-radius: 8px; background: rgba(59, 130, 246, 0.08); border: 1px solid rgba(59, 130, 246, 0.28); font-size: 12px; line-height: 1.5; color: var(--text); }
+
+.llm-prov-grid { display: grid; gap: 12px; }
+.llm-prov-card { border: 1px solid var(--line); border-radius: 12px; background: var(--bg); padding: 14px 16px; transition: border-color .15s; }
+.llm-prov-card.is-active { border-color: rgba(59, 130, 246, 0.55); box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.15); }
+.llm-prov-card .llm-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.llm-prov-card .llm-title { font-size: 14.5px; font-weight: 700; display: flex; align-items: center; gap: 7px; }
+.llm-prov-card .llm-head button { padding: 4px 10px; font-size: 12px; }
+.llm-prov-card .llm-meta { margin-top: 4px; font-size: 12px; color: var(--muted); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.llm-prov-card .llm-meta .nokey { color: var(--yellow); font-weight: 600; }
+
+.llm-models { margin-top: 10px; display: grid; gap: 6px; }
+.llm-model-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 11px; border-radius: 9px; border: 1px solid var(--line); background: var(--panel); transition: border-color .15s, background .15s; }
+.llm-model-row:hover { border-color: rgba(59, 130, 246, 0.4); }
+.llm-model-row.on { border-color: var(--accent); background: rgba(59, 130, 246, 0.08); }
+.llm-model-pick { display: flex; align-items: center; gap: 9px; cursor: pointer; flex: 1; min-width: 180px; background: transparent; border: 0; padding: 0; text-align: left; color: var(--text); font-size: 13px; }
+.llm-model-pick:hover { background: transparent; border-color: transparent; }
+.llm-radio { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--muted); display: inline-flex; align-items: center; justify-content: center; flex: none; }
+.llm-model-row.on .llm-radio { border-color: var(--accent); background: var(--accent); }
+.llm-model-row.on .llm-radio::after { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
+.llm-model-info { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; min-width: 0; }
+.llm-model-info b { font-weight: 600; font-size: 13.5px; }
+.llm-model-row.on .llm-model-info b { color: var(--accent); }
+.llm-model-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.llm-tools-lbl { color: var(--muted); font-size: 11.5px; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; user-select: none; padding: 2px 7px; border-radius: 6px; border: 1px solid var(--line); background: var(--bg); }
+.llm-tools-lbl.on { color: var(--text); border-color: rgba(16, 185, 129, 0.4); }
+
+.llm-card-foot { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line); display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
+.llm-quick-add { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 220px; max-width: 420px; }
+.llm-quick-add input { flex: 1; min-width: 0; padding: 4px 9px; font-size: 12px; }
+.llm-quick-add button { padding: 4px 10px; font-size: 12px; white-space: nowrap; }
+.llm-remote-box { margin-top: 8px; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--line); background: var(--panel); }
+.llm-remote { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; max-height: 170px; overflow-y: auto; }
+.llm-remote button { padding: 3px 9px; font-size: 12px; border-radius: 999px; color: var(--text); background: var(--bg); }
+.llm-remote button:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
 .llm-remote button:disabled { opacity: .5; }
 .row-gap { display: flex; gap: 8px; }
 form#llm-add, form#broker-form { display: grid; gap: 10px; min-width: 0; }

package/server/llm/providers.js

@@ -8,6 +8,7 @@ import { Readable } from 'node:stream';
 import { ROOT, llmConfig, DEFAULT_CLOUD_URL } from '../config.js';
 import { kvGet, kvSet } from '../db.js';
 import { encryptSecret, decryptSecret } from '../auth/index.js';
+import { TRUSTED_CA } from '../tls-ca.js';
 import { chatStream } from './client.js';
 
 const PROTOCOLS = ['openai', 'anthropic', 'gigachat', 'ollama'];
@@ -72,13 +73,13 @@ function modelsUrls(p) {
 }
 
 // ---------- сеть ----------
-// Сертификат НУЦ Минцифры для GigaChat: путь задаётся у подключения или в GIGACHAT_CA_FILE
+// Сертификат НУЦ Минцифры для GigaChat: по умолчанию берётся встроенный TRUSTED_CA (или переопределяется в p.caFile)
 const caCache = new Map();
 function caList(p) {
   const file = String(p.caFile || process.env.GIGACHAT_CA_FILE || '').trim();
-  if (!file) return null;
+  if (!file) return TRUSTED_CA;
   if (!caCache.has(file)) {
-    try { caCache.set(file, [...tls.rootCertificates, fs.readFileSync(path.resolve(ROOT, file), 'utf8')]); } catch { caCache.set(file, null); }
+    try { caCache.set(file, [...tls.rootCertificates, fs.readFileSync(path.resolve(ROOT, file), 'utf8')]); } catch { caCache.set(file, TRUSTED_CA); }
   }
   return caCache.get(file);
 }