Maxim Dolgolyov
aac1240658
callLLMFailover пишет состояние в app_settings.assistant_failover: какой провайдер исчерпан и каким подхвачено (или «все недоступны»); при успехе активного флаг снимается. Админ-раздел показывает баннер «Провайдер X недоступен — работаю на Y». Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
166 lines
14 KiB
JavaScript
166 lines
14 KiB
JavaScript
'use strict';
|
|
/* admin → «Помощник Квантик»: системный вкл/выкл + несколько провайдеров ИИ
|
|
* (ключи/модели) с выбором активного и авто-перехватом при лимите + RAG, кнопки
|
|
* экзамена, статистика и качество. */
|
|
(function () {
|
|
'use strict';
|
|
let inited = false;
|
|
var editingId = null;
|
|
var IN = 'padding:8px 10px;border:1px solid var(--border,#e2e8f0);border-radius:8px;font:inherit;font-size:.85rem;width:100%;box-sizing:border-box;background:var(--surface,#fff);color:var(--text,#0f172a)';
|
|
var BTN = 'padding:8px 14px;border-radius:9px;border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;color:var(--text-2,#475569)';
|
|
var SBTN = 'border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:7px;padding:3px 9px;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer;color:var(--text-2,#475569)';
|
|
var esc = (window.LS && LS.escapeHtml) ? LS.escapeHtml : function (s) { return String(s == null ? '' : s).replace(/[&<>"]/g, function (c) { return ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]; }); };
|
|
|
|
async function render() {
|
|
var host = document.getElementById('assistant-admin');
|
|
if (!host) return;
|
|
host.innerHTML = '';
|
|
|
|
// ── Системный выключатель ──
|
|
var feats = {};
|
|
try { feats = await LS.api('/api/admin/features'); } catch (e) {}
|
|
var on = feats.assistant !== false;
|
|
var master = document.createElement('div');
|
|
master.className = 'perm-card' + (on ? ' enabled' : '');
|
|
master.innerHTML =
|
|
'<div class="perm-info"><div class="perm-label"><i data-lucide="power" style="width:14px;height:14px;vertical-align:-2px;margin-right:6px"></i>Помощник включён для всей системы</div>' +
|
|
'<div class="perm-desc">Выключатель «Квантика» для всех пользователей. Выключено — помощник не загружается нигде.</div></div>' +
|
|
'<label class="perm-toggle"><input type="checkbox" id="asst-master" ' + (on ? 'checked' : '') + '><span class="perm-track"></span><span class="perm-thumb"></span></label>';
|
|
host.appendChild(master);
|
|
master.querySelector('#asst-master').addEventListener('change', function () {
|
|
var v = this.checked;
|
|
LS.api('/api/admin/features', { method: 'PATCH', body: JSON.stringify({ assistant: v }) })
|
|
.then(function () { master.classList.toggle('enabled', v); LS.toast(v ? 'Помощник включён' : 'Помощник выключен для всех', 'success'); })
|
|
.catch(function () { master.querySelector('#asst-master').checked = !v; LS.toast('Ошибка', 'error'); });
|
|
});
|
|
|
|
var cfg = {};
|
|
try { cfg = await LS.adminGetAssistant(); } catch (e) {}
|
|
var providers = cfg.providers || [];
|
|
var activeId = cfg.activeId;
|
|
var presets = cfg.presets || [];
|
|
|
|
// ── Уведомление о failover ──
|
|
if (cfg.failover) {
|
|
var fo = cfg.failover;
|
|
var reasonMap = { rate_limit: 'исчерпан лимит', http: 'ошибка API', timeout: 'таймаут', network: 'нет связи', error: 'ошибка' };
|
|
var rsn = reasonMap[fo.reason] || 'ошибка';
|
|
var when = ''; try { when = new Date(fo.at).toLocaleString('ru'); } catch (e) {}
|
|
var ban = document.createElement('div');
|
|
ban.style.cssText = 'margin-top:14px;padding:11px 14px;border-radius:10px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.4);color:#92400e;font-size:.84rem;line-height:1.5';
|
|
ban.innerHTML = fo.servedName
|
|
? '<b>Переключение провайдера.</b> «' + esc(fo.failedName || '?') + '» недоступен (' + rsn + ') — работаю на «' + esc(fo.servedName) + '». ' + (when ? '<span style="opacity:.7">' + esc(when) + '</span>' : '') + '<br><span style="opacity:.8">Снимется автоматически, когда активный снова заработает.</span>'
|
|
: '<b>Все провайдеры ИИ недоступны</b> (' + rsn + '). Сейчас «Спроси» работает в FAQ-режиме. ' + (when ? '<span style="opacity:.7">' + esc(when) + '</span>' : '');
|
|
host.appendChild(ban);
|
|
}
|
|
|
|
// ── Провайдеры ИИ ──
|
|
var pc = document.createElement('div');
|
|
pc.className = 'perm-card';
|
|
pc.style.cssText = 'flex-direction:column;align-items:stretch;gap:10px;margin-top:14px';
|
|
var rows = providers.length ? providers.map(function (p) {
|
|
return '<label class="asst-prov-row" style="display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--border,#e2e8f0);border-radius:9px">' +
|
|
'<input type="radio" name="asst-active" value="' + p.id + '"' + (p.id === activeId ? ' checked' : '') + '>' +
|
|
'<span style="font-weight:700">' + esc(p.name || 'Провайдер') + '</span>' +
|
|
'<span style="color:#8a94a6;font-size:.78rem">' + esc(p.model || '') + ' · ' + (p.hasKey ? '<span style="color:#059652">ключ есть</span>' : '<span style="color:#e0335e">нет ключа</span>') + '</span>' +
|
|
'<span style="margin-left:auto;display:flex;gap:5px">' +
|
|
'<button type="button" style="' + SBTN + '" data-act="test" data-id="' + p.id + '">Тест</button>' +
|
|
'<button type="button" style="' + SBTN + '" data-act="edit" data-id="' + p.id + '">Изм.</button>' +
|
|
'<button type="button" style="' + SBTN + ';color:#e0335e" data-act="del" data-id="' + p.id + '">Удалить</button>' +
|
|
'</span></label>';
|
|
}).join('') : '<div style="color:#8a94a6;font-size:.84rem">Пока нет провайдеров — добавьте ниже.</div>';
|
|
|
|
pc.innerHTML =
|
|
'<div class="perm-label"><i data-lucide="sparkles" style="width:14px;height:14px;vertical-align:-2px;margin-right:6px"></i>Провайдеры ИИ для «Спроси Квантика»</div>' +
|
|
'<div class="perm-desc">Активный (отмечен точкой) используется первым. При лимите или ошибке Квантик автоматически пробует следующего с ключом. Без ключей — режим FAQ.</div>' +
|
|
'<div id="asst-prov-list" style="display:flex;flex-direction:column;gap:7px">' + rows + '</div>' +
|
|
'<div id="asst-prov-test" style="font-size:.82rem;line-height:1.5"></div>' +
|
|
'<hr style="border:none;border-top:1px solid var(--border,#e2e8f0);margin:4px 0">' +
|
|
'<div style="font-weight:700;font-size:.85rem" id="asst-form-title">Добавить провайдера</div>' +
|
|
'<select id="asst-preset" style="' + IN + '"><option value="">— пресет провайдера —</option>' + presets.map(function (p, i) { return '<option value="' + i + '">' + esc(p.name) + '</option>'; }).join('') + '</select>' +
|
|
'<input id="asst-name" placeholder="Название (напр. Groq основной)" style="' + IN + '" />' +
|
|
'<input id="asst-url" placeholder="URL chat/completions" style="' + IN + '" />' +
|
|
'<input id="asst-model" placeholder="Модель" style="' + IN + '" />' +
|
|
'<input id="asst-key" type="password" autocomplete="off" placeholder="API-ключ" style="' + IN + '" />' +
|
|
'<div style="display:flex;gap:8px;flex-wrap:wrap">' +
|
|
'<button id="asst-save" style="' + BTN + ';background:#9B5DE5;border-color:#9B5DE5;color:#fff">Сохранить провайдера</button>' +
|
|
'<button id="asst-cancel" style="' + BTN + ';display:none">Отмена</button>' +
|
|
'</div>';
|
|
host.appendChild(pc);
|
|
|
|
// ── Настройки и статистика ──
|
|
var sc = document.createElement('div');
|
|
sc.className = 'perm-card';
|
|
sc.style.cssText = 'flex-direction:column;align-items:stretch;gap:9px;margin-top:14px';
|
|
sc.innerHTML =
|
|
'<div class="perm-label"><i data-lucide="settings-2" style="width:14px;height:14px;vertical-align:-2px;margin-right:6px"></i>Настройки и статистика</div>' +
|
|
'<label style="display:flex;align-items:center;gap:8px;font-size:.84rem;cursor:pointer"><input type="checkbox" id="asst-rag" ' + (cfg.rag !== false ? 'checked' : '') + '> Искать ответы по учебникам (RAG)</label>' +
|
|
'<label style="display:flex;align-items:center;gap:8px;font-size:.84rem;cursor:pointer"><input type="checkbox" id="asst-exambtn" ' + (cfg.examButtons ? 'checked' : '') + '> Кнопки помощника на карточках экзамена</label>' +
|
|
'<div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center"><button id="asst-reindex" style="' + BTN + '">Переиндексировать учебники</button><span id="asst-chunks" style="font-size:.78rem;color:#8a94a6">' + (cfg.chunks || 0) + ' фрагментов</span></div>' +
|
|
'<div style="font-size:.78rem;color:#8a94a6">Сегодня: ' + ((cfg.usage || {}).model_calls || 0) + ' к ИИ, ' + ((cfg.usage || {}).cache_hits || 0) + ' из кэша, ' + ((cfg.usage || {}).faq || 0) + ' FAQ. За 30 дней: ' + ((cfg.usage30 || {}).model_calls || 0) + ' / ' + ((cfg.usage30 || {}).cache_hits || 0) + ' / ' + ((cfg.usage30 || {}).faq || 0) + '.</div>' +
|
|
'<div style="font-size:.78rem;color:#8a94a6">Оценки (30 дн): ' + ((cfg.feedback || {}).up || 0) + ' лайков, ' + ((cfg.feedback || {}).down || 0) + ' дизлайков' +
|
|
(((cfg.feedback || {}).recent || []).length ? '. Не помогло: ' + cfg.feedback.recent.map(function (x) { return '«' + esc(String(x.q || '').slice(0, 40)) + '»'; }).join(', ') : '') + '</div>';
|
|
host.appendChild(sc);
|
|
|
|
if (window.lucide) lucide.createIcons();
|
|
|
|
var q = function (s) { return host.querySelector(s); };
|
|
function clearForm() { editingId = null; q('#asst-form-title').textContent = 'Добавить провайдера'; q('#asst-name').value = ''; q('#asst-url').value = ''; q('#asst-model').value = ''; q('#asst-key').value = ''; q('#asst-key').placeholder = 'API-ключ'; q('#asst-cancel').style.display = 'none'; }
|
|
|
|
// активный провайдер
|
|
pc.querySelectorAll('input[name="asst-active"]').forEach(function (r) {
|
|
r.addEventListener('change', function () { LS.adminSetActiveProvider(this.value).then(function () { LS.toast('Активный провайдер обновлён', 'success'); }).catch(function () {}); });
|
|
});
|
|
// действия по провайдеру
|
|
pc.querySelectorAll('[data-act]').forEach(function (b) {
|
|
b.addEventListener('click', async function () {
|
|
var id = b.getAttribute('data-id'), act = b.getAttribute('data-act');
|
|
if (act === 'del') {
|
|
if (!await LS.confirm('Удалить провайдера?', { title: 'Удалить?', confirmText: 'Удалить' })) return;
|
|
try { await LS.adminDeleteProvider(id); LS.toast('Удалён', 'success'); render(); } catch (e) { LS.toast('Ошибка', 'error'); }
|
|
} else if (act === 'edit') {
|
|
var p = providers.find(function (x) { return x.id === id; }); if (!p) return;
|
|
editingId = id; q('#asst-form-title').textContent = 'Изменить: ' + (p.name || '');
|
|
q('#asst-name').value = p.name || ''; q('#asst-url').value = p.url || ''; q('#asst-model').value = p.model || '';
|
|
q('#asst-key').value = ''; q('#asst-key').placeholder = p.hasKey ? 'Ключ сохранён — введите новый, чтобы заменить' : 'API-ключ';
|
|
q('#asst-cancel').style.display = ''; q('#asst-name').focus();
|
|
} else if (act === 'test') {
|
|
var res = q('#asst-prov-test'); res.innerHTML = 'Проверяю…';
|
|
try {
|
|
var r = await LS.adminTestAssistant({ id: id });
|
|
res.innerHTML = r && r.ok ? '<span style="color:#059652">✓ Работает (' + (r.model || '') + '): ' + esc(String(r.sample || 'ответ получен')) + '</span>'
|
|
: '<span style="color:#e0335e">✗ ' + esc(String((r && (r.error || ('HTTP ' + r.status))) || 'ошибка').slice(0, 200)) + '</span>';
|
|
} catch (e) { res.innerHTML = '<span style="color:#e0335e">✗ ' + esc(e.message || 'ошибка') + '</span>'; }
|
|
}
|
|
});
|
|
});
|
|
// пресет → заполнить url/model/name
|
|
q('#asst-preset').addEventListener('change', function () {
|
|
var p = presets[Number(this.value)]; if (p) { q('#asst-url').value = p.url; q('#asst-model').value = p.model; if (!q('#asst-name').value) q('#asst-name').value = p.name; }
|
|
});
|
|
q('#asst-cancel').addEventListener('click', clearForm);
|
|
q('#asst-save').addEventListener('click', async function () {
|
|
var body = { name: q('#asst-name').value, url: q('#asst-url').value, model: q('#asst-model').value };
|
|
if (editingId) body.id = editingId;
|
|
var k = q('#asst-key').value.trim(); if (k) body.key = k;
|
|
if (!body.url || !body.model) { LS.toast('Заполни URL и модель', 'warn'); return; }
|
|
try { await LS.adminSaveProvider(body); LS.toast('Сохранено', 'success'); clearForm(); render(); } catch (e) { LS.toast('Ошибка: ' + (e.message || ''), 'error'); }
|
|
});
|
|
// настройки
|
|
q('#asst-rag').addEventListener('change', function () { LS.adminSaveAssistant({ rag: q('#asst-rag').checked }).then(function () { LS.toast('Сохранено', 'success'); }).catch(function () {}); });
|
|
q('#asst-exambtn').addEventListener('change', function () { LS.adminSaveAssistant({ examButtons: q('#asst-exambtn').checked }).then(function () { LS.toast('Сохранено (обновите страницу экзамена)', 'success'); }).catch(function () {}); });
|
|
q('#asst-reindex').addEventListener('click', async function () {
|
|
var btn = q('#asst-reindex'); btn.disabled = true; btn.textContent = 'Индексирую…';
|
|
try { var r = await LS.adminReindexTextbooks(); q('#asst-chunks').textContent = ((r && r.chunks) || 0) + ' фрагментов'; LS.toast('Готово', 'success'); }
|
|
catch (e) { LS.toast('Ошибка индексации', 'error'); }
|
|
finally { btn.disabled = false; btn.textContent = 'Переиндексировать учебники'; }
|
|
});
|
|
}
|
|
|
|
window.AdminSections = window.AdminSections || {};
|
|
window.AdminSections.assistant = {
|
|
init: async () => { if (inited) return; inited = true; await render(); },
|
|
reload: render,
|
|
};
|
|
})();
|