-
● ${escapeHtml(agent.status_label_ru || 'Работает')}
-
-
- Сменить модель
-
-
- Детали →
-
+
+
+
Назначенный аккаунт:
+
${escapeHtml(ag.assigned_display_name || ag.assigned_profile_id || 'Не назначен')}
+
+ Провайдер: ${escapeHtml(ag.provider_display_name || ag.provider)} • Модель: ${escapeHtml(ag.model || 'default')}
+
+
- `).join('') || '
Команда агентов пуста.
';
+ `).join('') || '
Список агентов пуст.
';
}
// ═══════════════════════════════════════════════════════════════
-// 6. LOGS VIEW
+// 6. ANALYTICS VIEW (P0-1 Real Telemetry & Honesty)
// ═══════════════════════════════════════════════════════════════
-function renderLogsView() {
- const container = document.getElementById('logs-container');
- if (!container || !currentSnapshot) return;
- const logs = currentSnapshot.metrics?.recent_events || [];
- if (logs.length > 0) {
- container.innerHTML = logs.map((log) => `
-
- [${escapeHtml(log.time || '')}]
- ${escapeHtml(log.role || '')} :
- ${escapeHtml(log.message || '')}
-
- `).join('');
+function renderAnalyticsView() {
+ if (!currentSnapshot) return;
+ const metrics = currentSnapshot.metrics || {};
+ const telemetry = metrics.telemetry || {};
+ const global = telemetry.global || {};
+
+ // KPI 1: Total Calls
+ const totalCallsEl = document.getElementById('analytics-total-calls');
+ const callsBreakdownEl = document.getElementById('analytics-calls-breakdown');
+ if (totalCallsEl) {
+ totalCallsEl.textContent = global.total_calls !== null && global.total_calls !== undefined ? global.total_calls : 'Н/Д';
+ }
+ if (callsBreakdownEl) {
+ const succ = global.successful_calls ?? 0;
+ const fail = global.failed_calls ?? 0;
+ callsBreakdownEl.textContent = `Успешно: ${succ} • Сбоев: ${fail} (окно: 24ч)`;
+ }
+
+ // KPI 2: Error Rate
+ const errorRateEl = document.getElementById('analytics-error-rate');
+ const errorRateSubEl = document.getElementById('analytics-error-rate-sub');
+ if (errorRateEl) {
+ if (global.error_rate !== null && global.error_rate !== undefined) {
+ const pct = (global.error_rate * 100).toFixed(1);
+ errorRateEl.textContent = `${pct}%`;
+ errorRateEl.className = `kpi-value ${global.error_rate > 0.5 ? 'text-error' : (global.error_rate > 0.2 ? 'text-warning' : 'text-healthy')}`;
+ } else {
+ errorRateEl.textContent = 'Н/Д';
+ errorRateEl.className = 'kpi-value text-muted';
+ }
+ }
+ if (errorRateSubEl) {
+ errorRateSubEl.textContent = global.failed_calls ? `${global.failed_calls} отказов из ${global.total_calls || 0} вызовов` : 'Отказов не зафиксировано';
+ }
+
+ // KPI 3: Latency
+ const latencyEl = document.getElementById('analytics-latency-p50');
+ const latencySubEl = document.getElementById('analytics-latency-sub');
+ if (latencyEl) {
+ if (global.latency_p50_ms !== null && global.latency_p50_ms !== undefined) {
+ latencyEl.textContent = `${global.latency_p50_ms.toFixed(1)} ms`;
+ } else {
+ latencyEl.textContent = 'Н/Д';
+ }
+ }
+ if (latencySubEl) {
+ const p95Str = global.latency_p95_ms != null
+ ? (global.latency_p95_ms >= 1000 ? `${(global.latency_p95_ms / 1000).toFixed(1)} s` : `${global.latency_p95_ms.toFixed(1)} ms`)
+ : 'Н/Д';
+ const maxStr = global.latency_max_ms != null
+ ? (global.latency_max_ms >= 1000 ? `${(global.latency_max_ms / 1000).toFixed(1)} s` : `${global.latency_max_ms.toFixed(1)} ms`)
+ : 'Н/Д';
+ latencySubEl.textContent = `p95: ${p95Str} • max: ${maxStr}`;
+ }
+
+ // KPI 4: Tokens (Honesty rule: null means N/D, never 0)
+ const tokensEl = document.getElementById('analytics-tokens-total');
+ const tokensSubEl = document.getElementById('analytics-tokens-sub');
+ if (tokensEl) {
+ if (global.total_tokens !== null && global.total_tokens !== undefined) {
+ tokensEl.textContent = global.total_tokens.toLocaleString('ru-RU');
+ } else {
+ tokensEl.textContent = 'Н/Д';
+ }
+ }
+ if (tokensSubEl) {
+ tokensSubEl.textContent = 'Н/Д: провайдеры не отдают данные о токенах';
+ }
+
+ // Providers Table
+ const provTableBox = document.getElementById('analytics-providers-table');
+ if (provTableBox) {
+ const byProv = telemetry.by_provider || {};
+ const provKeys = Object.keys(byProv);
+ if (provKeys.length === 0) {
+ provTableBox.innerHTML = '
Нет данных телеметрии по провайдерам.
';
+ } else {
+ const rowsHtml = provKeys.map((pId) => {
+ const pData = byProv[pId] || {};
+ const errPct = pData.error_rate != null ? (pData.error_rate * 100).toFixed(1) : 'Н/Д';
+ const p50 = pData.latency_p50_ms != null ? `${pData.latency_p50_ms.toFixed(1)} ms` : 'Н/Д';
+ const p95 = pData.latency_p95_ms != null
+ ? (pData.latency_p95_ms >= 1000 ? `${(pData.latency_p95_ms / 1000).toFixed(1)} s` : `${pData.latency_p95_ms.toFixed(1)} ms`)
+ : 'Н/Д';
+ const barColor = (pData.error_rate || 0) > 0.5 ? 'var(--status-error)' : 'var(--status-healthy)';
+ const barW = Math.min(100, Math.max(0, (pData.error_rate || 0) * 100));
+
+ return `
+
+ ${escapeHtml(pId)} ${pData.total_calls ?? 'Н/Д'}
+ ${pData.successful_calls ?? 0}
+ ${pData.failed_calls ?? 0}
+
+
+
${errPct}${errPct !== 'Н/Д' ? '%' : ''}
+
+
+ ${p50}
+ ${p95}
+ Н/Д (не отдаются)
+
+ `;
+ }).join('');
+
+ provTableBox.innerHTML = `
+
+
+
+ Провайдер
+ Всего вызовов
+ Успешно
+ Сбои
+ Доля ошибок
+ p50
+ p95
+ Токены
+
+
+
+ ${rowsHtml}
+
+
+ `;
+ }
+ }
+
+ // Roles Table
+ const rolesTableBox = document.getElementById('analytics-roles-table');
+ if (rolesTableBox) {
+ const byRole = telemetry.by_role || {};
+ const roleKeys = Object.keys(byRole);
+ if (roleKeys.length === 0) {
+ rolesTableBox.innerHTML = '
Нет данных телеметрии по ролям агентов.
';
+ } else {
+ const rowsHtml = roleKeys.map((rId) => {
+ const rData = byRole[rId] || {};
+ const errPct = rData.error_rate != null ? (rData.error_rate * 100).toFixed(1) : '0.0';
+ const p50 = rData.latency_p50_ms != null ? `${rData.latency_p50_ms.toFixed(1)} ms` : 'Н/Д';
+ const p95 = rData.latency_p95_ms != null
+ ? (rData.latency_p95_ms >= 1000 ? `${(rData.latency_p95_ms / 1000).toFixed(1)} s` : `${rData.latency_p95_ms.toFixed(1)} ms`)
+ : 'Н/Д';
+ const roleInfo = (currentSnapshot.routing || {})[rId];
+ const rName = (roleInfo && roleInfo.role_name_ru) || rId;
+
+ return `
+
+ ${escapeHtml(rName)} (${escapeHtml(rId)}) ${rData.total_calls ?? 'Н/Д'}
+ ${(rData.total_calls ?? 0) - (rData.failed_calls ?? 0)}
+ ${rData.failed_calls ?? 0}
+ ${errPct}%
+ ${p50}
+ ${p95}
+
+ `;
+ }).join('');
+
+ rolesTableBox.innerHTML = `
+
+
+
+ Роль агента
+ Всего вызовов
+ Успешно
+ Сбои
+ Доля ошибок
+ p50
+ p95
+
+
+
+ ${rowsHtml}
+
+
+ `;
+ }
}
}
// ═══════════════════════════════════════════════════════════════
-// MODALS & WIZARDS
+// 7. HEALTH VIEW (P0-2 Host & System Diagnostics)
// ═══════════════════════════════════════════════════════════════
+function renderHealthView() {
+ if (!currentSnapshot) return;
+ const readiness = currentSnapshot.readiness || {};
+ const metrics = currentSnapshot.metrics || {};
+ const host = metrics.host || {};
+ // 1. Readiness Banner
+ const bannerBox = document.getElementById('health-readiness-banner');
+ if (bannerBox) {
+ const st = (readiness.state || 'healthy').toLowerCase();
+ bannerBox.className = `readiness-banner ${st}`;
+ bannerBox.innerHTML = `
+
+
+ ${escapeHtml(readiness.summary_ru || 'Все настроенные маршруты и профили доступны.')}
+
+
+ Ролей в строю: ${readiness.roles_ready_count ?? 0} / ${readiness.total_roles ?? 6}
+ Аккаунтов подключено: ${readiness.accounts_connected_count ?? 0} / ${readiness.total_accounts ?? 0}
+ Провайдеров онлайн: ${readiness.providers_ready_count ?? 5} / ${readiness.total_providers ?? 5}
+
+ `;
+ }
+
+ // 2. Host Resources Grid
+ const hostBox = document.getElementById('health-host-resources');
+ if (hostBox) {
+ const cpuPct = host.cpu_percent != null ? host.cpu_percent.toFixed(1) : 'Н/Д';
+ const cpuVal = host.cpu_percent != null ? host.cpu_percent : 0;
+
+ const memPct = host.memory_percent != null ? host.memory_percent.toFixed(1) : 'Н/Д';
+ const memMb = host.memory_used_mb != null ? (host.memory_used_mb >= 1024 ? `${(host.memory_used_mb / 1024).toFixed(1)} GB` : `${host.memory_used_mb.toFixed(0)} MB`) : '';
+ const memVal = host.memory_percent != null ? host.memory_percent : 0;
+
+ const diskPct = host.disk_percent != null ? host.disk_percent.toFixed(1) : 'Н/Д';
+ const diskGb = host.disk_used_gb != null ? `${host.disk_used_gb.toFixed(1)} GB` : '';
+ const diskVal = host.disk_percent != null ? host.disk_percent : 0;
+
+ const netSpeed = host.net_speed_mbps != null ? `${host.net_speed_mbps.toFixed(1)} Mbps` : 'Н/Д';
+ const netSub = host.net_speed_mbps != null ? 'Активное соединение' : 'Н/Д: замер скорости сети отключён';
+
+ hostBox.innerHTML = `
+
+
+
+
Нагрузка хост-системы
+
+
+
+
+
+
${memMb ? `Использовано: ${memMb}` : 'Статус использования RAM'}
+
+
+
+
+
+
${diskGb ? `Занято: ${diskGb}` : 'Статус дискового пространства'}
+
+
+
+ `;
+ }
+
+ // 3. Warnings List
+ const warningsBox = document.getElementById('health-warnings-list');
+ if (warningsBox) {
+ const warnings = readiness.warnings || [];
+ if (warnings.length === 0) {
+ warningsBox.innerHTML = `
+
+ ✓
+ Все системы работают штатно: сбоев конфигурации и деградации маршрутов не обнаружено.
+
+ `;
+ } else {
+ warningsBox.innerHTML = warnings.map((w) => `
+
+
⚠️
+
${escapeHtml(w)}
+
+ `).join('');
+ }
+ }
+}
+
+// ═══════════════════════════════════════════════════════════════
+// 8. LOGS VIEW (P0-3 GET /api/events with Filtering & Search)
+// ═══════════════════════════════════════════════════════════════
+async function fetchLogs() {
+ const container = document.getElementById('logs-container');
+ if (container && cachedEvents.length === 0) {
+ container.innerHTML = '
⏳ Загрузка журнала событий...
';
+ }
+
+ try {
+ const headers = {};
+ if (authToken) headers['X-Hub-Token'] = authToken;
+
+ const res = await fetch('/api/events?limit=100', { headers });
+ if (!res.ok) throw new Error(`HTTP ${res.status}`);
+ const data = await res.json();
+ cachedEvents = data.events || [];
+ renderLogsList();
+ } catch (err) {
+ console.error('Failed to fetch events:', err);
+ if (container) {
+ container.innerHTML = `
Не удалось получить события: ${escapeHtml(err.message)}
`;
+ }
+ }
+}
+
+function renderLogsView() {
+ fetchLogs();
+}
+
+function renderLogsList() {
+ const container = document.getElementById('logs-container');
+ if (!container) return;
+
+ const searchInput = document.getElementById('logs-search');
+ const levelSelect = document.getElementById('logs-filter-level');
+ const catSelect = document.getElementById('logs-filter-category');
+
+ const q = (searchInput ? searchInput.value : '').trim().toLowerCase();
+ const levelFilter = levelSelect ? levelSelect.value : 'all';
+ const catFilter = catSelect ? catSelect.value : 'all';
+
+ let filtered = cachedEvents.filter((ev) => {
+ if (levelFilter !== 'all' && (ev.level || 'info').toLowerCase() !== levelFilter.toLowerCase()) {
+ return false;
+ }
+ if (catFilter !== 'all' && (ev.category || '').toLowerCase() !== catFilter.toLowerCase()) {
+ return false;
+ }
+ if (q) {
+ const msg = (ev.message || '').toLowerCase();
+ const det = (ev.details || '').toLowerCase();
+ if (!msg.includes(q) && !det.includes(q)) return false;
+ }
+ return true;
+ });
+
+ if (filtered.length === 0) {
+ container.innerHTML = '
Нет событий, соответствующих выбранным фильтрам.
';
+ return;
+ }
+
+ container.innerHTML = filtered.map((ev) => {
+ const lvl = (ev.level || 'info').toLowerCase();
+ return `
+
+
${escapeHtml(ev.timestamp || '—')}
+
${escapeHtml(lvl.toUpperCase())}
+
${escapeHtml((ev.category || 'system').toUpperCase())}
+
+
${escapeHtml(ev.message || '')}
+ ${ev.details ? `
${escapeHtml(ev.details)}
` : ''}
+
+
+ `;
+ }).join('');
+}
+
+// ═══════════════════════════════════════════════════════════════
+// 9. SETTINGS VIEW (P0-4 GET /api/settings & save_settings)
+// ═══════════════════════════════════════════════════════════════
+async function loadServerSettings() {
+ try {
+ const headers = {};
+ if (authToken) headers['X-Hub-Token'] = authToken;
+
+ const res = await fetch('/api/settings', { headers });
+ if (!res.ok) throw new Error(`HTTP ${res.status}`);
+ const data = await res.json();
+ currentSettings = data;
+ populateSettingsForm(data);
+ } catch (err) {
+ console.error('Failed to load settings:', err);
+ }
+}
+
+function populateSettingsForm(s) {
+ const hostInput = document.getElementById('setting-server-host');
+ const portInput = document.getElementById('setting-server-port');
+ const tokenBadge = document.getElementById('setting-token-status-badge');
+ const quotaSel = document.getElementById('setting-quota-interval');
+ const themeSel = document.getElementById('setting-theme');
+
+ const pathHome = document.getElementById('path-hermes-home');
+ const pathConfig = document.getElementById('path-config-dir');
+ const pathLog = document.getElementById('path-log-file');
+
+ if (hostInput) hostInput.value = s.web_api_host || '127.0.0.1';
+ if (portInput) portInput.value = s.web_api_port || 5800;
+ if (tokenBadge) {
+ tokenBadge.textContent = s.web_api_token_configured ? '✓ Токен задан' : 'Токен не задан';
+ tokenBadge.className = `badge ${s.web_api_token_configured ? 'healthy' : ''}`;
+ }
+ if (quotaSel && s.quota_refresh_interval_sec) {
+ quotaSel.value = String(s.quota_refresh_interval_sec);
+ }
+ if (themeSel && s.theme) {
+ themeSel.value = s.theme;
+ applyTheme(s.theme);
+ }
+
+ if (pathHome) pathHome.textContent = s.hermes_home || '~/.hermes';
+ if (pathConfig) pathConfig.textContent = s.config_dir || '~/.hermes/config';
+ if (pathLog) pathLog.textContent = s.log_file || '~/.hermes/logs/hermes-hub.log';
+}
+
+function applyTheme(theme) {
+ if (theme === 'light') {
+ document.body.setAttribute('data-theme', 'light');
+ document.body.classList.add('theme-light');
+ } else {
+ document.body.removeAttribute('data-theme');
+ document.body.classList.remove('theme-light');
+ }
+}
+
+function renderSettingsView() {
+ loadServerSettings();
+}
+
+async function saveHubServerSettings() {
+ const hostInput = document.getElementById('setting-server-host');
+ const portInput = document.getElementById('setting-server-port');
+ const tokenInput = document.getElementById('setting-server-token-input');
+ const quotaSel = document.getElementById('setting-quota-interval');
+ const themeSel = document.getElementById('setting-theme');
+
+ const payload = {
+ web_api_host: hostInput ? hostInput.value.trim() : '127.0.0.1',
+ web_api_port: portInput ? parseInt(portInput.value, 10) || 5800 : 5800,
+ quota_refresh_interval_sec: quotaSel ? parseInt(quotaSel.value, 10) || 300 : 300,
+ theme: themeSel ? themeSel.value : 'system',
+ };
+
+ if (tokenInput && tokenInput.value.trim()) {
+ payload.web_api_token = tokenInput.value.trim();
+ }
+
+ const res = await executeAction('save_settings', payload);
+ if (res.ok) {
+ if (themeSel) applyTheme(themeSel.value);
+ showToast('Настройки сервера успешно сохранены', 'success');
+ if (tokenInput) tokenInput.value = '';
+ loadServerSettings();
+ }
+}
+
+// ── MODALS (Account Details, Model Choice, Routing, Wizard) ──
function openAccountDetailsModal(profileId) {
if (!currentSnapshot) return;
const profile = (currentSnapshot.all_profiles || {})[profileId];
if (!profile) return;
- const quotaSnap = profile.quota_snapshot || (currentSnapshot.quotas || {})[profileId];
- const buckets = (quotaSnap && quotaSnap.buckets) ? quotaSnap.buckets : [];
-
const provSummary = (currentSnapshot.providers || []).find(p => p.provider_id === profile.provider);
const discoveredModels = (provSummary && provSummary.discovered_models) ? provSummary.discovered_models : [];
const currentModel = (profile.preferred_models && profile.preferred_models.length) ? profile.preferred_models[0] : '';
+ const qs = profile.quota_snapshot;
+ const buckets = (qs && qs.buckets) ? qs.buckets : [];
let modelBlockHtml = '';
if (discoveredModels.length > 0) {
modelBlockHtml = `
-
- Выбор модели по умолчанию
-
-
-
- ${discoveredModels.map(m => `${escapeHtml(m)} `).join('')}
-
-
Сохранить модель
-
↻ Обновить список
+
+
Предпочитаемая модель профиля:
+
+
+ ${discoveredModels.map(m => `${escapeHtml(m)} `).join('')}
+
+ Сохранить
+
`;
} else {
modelBlockHtml = `
-
- Выбор модели по умолчанию
-
-
+
⚠ Список моделей ещё не получен от провайдера ${escapeHtml(profile.provider_display_name || profile.provider)}.
@@ -745,7 +1224,7 @@ function openAccountDetailsModal(profileId) {
`;
}
- elements.modalTitle.textContent = `Учетная запись: ${profile.display_name} (${profileId})`;
+ elements.modalTitle.textContent = `Учетная запись: ${profile.display_name || profileId}`;
elements.modalBody.innerHTML = `
@@ -976,7 +1455,7 @@ function showWizardStep2(providerId) {
if (providerId === 'grok' || providerId === 'openai-codex') {
bodyHtml = `
- Шаг 2 из 3: Авторизация ${providerId === 'grok' ? 'Grok (xAI)' : 'OpenAI Codex'}
+ Шаг 2 из 3: Авторизация ${providerId === 'grok' ? 'Grok (xAI)' : 'OpenAI Codex'} (Device Code OAuth)
1. Откройте ссылку на любом устройстве:
@@ -1092,6 +1571,7 @@ async function finishAddAccount(providerId) {
}
}
+// ── Routing Pipeline Modal ──
function openEditRouteModal(roleId) {
if (!currentSnapshot) return;
const pipeline = (currentSnapshot.routing || {})[roleId];
@@ -1180,7 +1660,7 @@ async function saveRouteChain(roleId) {
// ── SETTINGS MANAGEMENT ──
function initSettings() {
const btnSave = document.getElementById('btn-save-client-settings');
- const tokenInput = document.getElementById('setting-auth-token');
+ const tokenInput = document.getElementById('setting-client-token-input');
const pollSelect = document.getElementById('setting-poll-interval');
if (tokenInput && authToken) {
diff --git a/src/antigravity_provider/router/web/static/index.html b/src/antigravity_provider/router/web/static/index.html
index 4c3c303..74c8c72 100644
--- a/src/antigravity_provider/router/web/static/index.html
+++ b/src/antigravity_provider/router/web/static/index.html
@@ -1,4 +1,4 @@
-
+
@@ -9,7 +9,7 @@
-
+