@@ -897,22 +619,16 @@ const FALLBACK = __FALLBACK__;
function showTab(tab) {
document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
- // Find the clicked tab element by matching onclick content (works with both inline onclick and programmatic calls)
- const tabEl = document.querySelector(`.tab[onclick*="'${tab}'"]`) || document.querySelector(`.tab[onclick*='"${tab}"']`);
- if (tabEl) tabEl.classList.add('active');
- ['endpoints','search','models','fallback','analytics','history','status','cache','keys','accounts','system'].forEach(t => {
- const el = document.getElementById('tab-'+t);
- if (el) el.classList.toggle('hidden', t !== tab);
+ event.target.classList.add('active');
+ ['endpoints','models','fallback','analytics','status','cache','keys','system'].forEach(t => {
+ document.getElementById('tab-'+t).classList.toggle('hidden', t !== tab);
});
// Load data for tabs when switched
if (tab === 'models') loadModels();
- if (tab === 'search') loadSearchConfig();
if (tab === 'fallback') loadFallbackConfig();
if (tab === 'cache') loadCacheStats();
if (tab === 'analytics') loadAnalytics();
- if (tab === 'history') { loadHistoryConfig(); loadHistory(); loadHistoryLogs(); }
- if (tab === 'status') { checkOllamaStatus(); loadUsageConfig(); checkUsage(); loadStatusLog(); loadROIConfig(); }
- if (tab === 'accounts') { loadAccounts(); checkAllAccountUsage(); }
+ if (tab === 'status') { checkOllamaStatus(); loadUsageConfig(); checkUsage(); loadStatusLog(); }
if (tab === 'system') { loadAutostart(); checkForUpdate(); }
}
@@ -936,52 +652,6 @@ function copyUrl(id) {
setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 1500);
}
-function loadSearchConfig() {
- fetch('/dashboard/api/config').then(r => r.json()).then(cfg => {
- const s = cfg.search || {};
- const toggle = document.getElementById('search-summarize-toggle');
- const allToggle = document.getElementById('search-summarize-all-toggle');
- const allRow = document.getElementById('summarize-all-row');
- if (toggle) toggle.checked = s.summarize_enabled || false;
- if (allToggle) allToggle.checked = s.summarize_all || false;
- if (allRow) allRow.style.display = (s.summarize_enabled) ? 'flex' : 'none';
- // Populate summary model dropdown
- const sel = document.getElementById('cfg-summary-search');
- if (sel) {
- const models = CONFIG.llm?.available_models || [];
- const currentModel = s.summary_model || cfg.llm?.summary_model || '';
- sel.innerHTML = models.map(m => `
`).join('');
- }
- });
-}
-
-function saveSearchConfig() {
- const summarize = document.getElementById('search-summarize-toggle')?.checked || false;
- const allToggle = document.getElementById('search-summarize-all-toggle');
- const summarizeAll = allToggle?.checked || false;
- const modelSel = document.getElementById('cfg-summary-search');
- const allRow = document.getElementById('summarize-all-row');
- if (allRow) allRow.style.display = summarize ? 'flex' : 'none';
- if (!summarize && allToggle) allToggle.checked = false;
-
- fetch('/dashboard/api/config', {
- method: 'POST',
- headers: {'Content-Type': 'application/json'},
- body: JSON.stringify({search: {
- summarize_enabled: summarize,
- summarize_all: summarizeAll,
- summary_model: modelSel?.value || '',
- }}),
- }).then(r => r.json()).then(data => {
- // Use the server response to sync toggle state (authoritative)
- const s = (data.config && data.config.search) || {};
- const toggle = document.getElementById('search-summarize-toggle');
- if (toggle) toggle.checked = !!s.summarize_enabled;
- if (allToggle) allToggle.checked = !!s.summarize_all;
- if (allRow) allRow.style.display = s.summarize_enabled ? 'flex' : 'none';
- });
-}
-
function getCurrentBaseUrl() {
const on = document.getElementById('tailscale-toggle').checked;
const ip = (on && CONFIG.tailscale_ip) ? CONFIG.tailscale_ip : CONFIG.local_ip;
@@ -995,11 +665,9 @@ function updateEndpoints() {
document.getElementById('anthropic-url').textContent = `${base}:${port}/v1/messages`;
// Update all endpoint URLs from PROVIDERS data
Object.entries(PROVIDERS).forEach(([name, cfg]) => {
- const eps = (cfg.endpoints && cfg.endpoints.length > 0) ? cfg.endpoints : (KNOWN_ENDPOINTS[name] || []);
- const prefix = cfg.prefix || `/${name}`;
- eps.forEach((ep, i) => {
+ (cfg.endpoints || []).forEach((ep, i) => {
const el = document.getElementById(`ep-${name}-${i}`);
- if (el) el.textContent = `${base}:${port}${prefix}${ep.path}`;
+ if (el) el.textContent = `${base}:${port}${cfg.prefix}${ep.path}`;
});
});
}
@@ -1029,9 +697,6 @@ function updateNetworkInfo() {
: `
Tailscale not installed —
install it for remote access
`);
}
-
-
-
function generateKey() {
fetch('/dashboard/api/keys/generate', {
method: 'POST',
@@ -1074,222 +739,6 @@ function loadKeys() {
});
}
-// ─── Accounts ───
-
-function loadAccounts() {
- fetch('/dashboard/api/accounts').then(r => r.json()).then(data => {
- const accounts = data.accounts || [];
- const container = document.getElementById('accounts-list');
- if (!accounts.length) {
- container.innerHTML = '
No accounts configured
';
- return;
- }
- container.innerHTML = accounts.map((a, i) => {
- const isPrimary = a.name === 'ollama';
- const usageBar = a.last_session_pct !== null ? `
-
-
- Session: ${a.last_session_pct !== null ? a.last_session_pct + '%' : '—'}
- Weekly: ${a.last_weekly_pct !== null ? a.last_weekly_pct + '%' : '—'}
-
-
- ${a.last_plan ? `
Plan: ${a.last_plan}${a.last_plan && a.last_plan.toLowerCase() === 'free' ? ' ⚠ Premium models (kimi-k2.6, glm-5.1) unavailable' : ''}
` : ''}
-
- ` : '';
- const cookieBadge = a.has_session_cookie
- ? '
Cookie set'
- : '
No cookie';
- return `
-
-
-
- ${isPrimary ? '🔑' : '👤'} ${a.name}
- ${isPrimary ? 'Primary' : ''}
- ${cookieBadge}
-
-
- ${a.api_key_masked}
- ${isPrimary ? `` : `
-
-
- `}
-
-
- ${usageBar}
-
-
-
-
-
`;
- }).join('');
-
- // Append "Set Cookie" for primary if needed
- if (accounts.some(a => a.name === 'ollama')) {
- const primaryCard = container.querySelector('div');
- // Already inline with primary
- }
- });
-}
-
-function showEditKey(name) {
- const key = prompt('Enter new API key for "' + name + '":');
- if (!key || !key.trim()) return;
- const resultEl = document.getElementById('add-account-result');
- resultEl.textContent = 'Updating key...';
- resultEl.style.color = 'var(--text2)';
- fetch('/dashboard/api/accounts/update-key', {
- method: 'POST',
- headers: {'Content-Type': 'application/json'},
- body: JSON.stringify({name: name, api_key: key.trim()})
- }).then(r => r.json()).then(data => {
- if (data.status === 'ok') {
- resultEl.textContent = '✅ ' + data.message;
- resultEl.style.color = 'var(--accent)';
- loadAccounts();
- } else {
- resultEl.textContent = '❌ ' + data.message;
- resultEl.style.color = '#ef4444';
- }
- });
-}
-
-function addAccount() {
- const name = document.getElementById('new-account-name').value.trim();
- const key = document.getElementById('new-account-key').value.trim();
- const resultEl = document.getElementById('add-account-result');
- const btn = document.getElementById('add-account-btn');
-
- if (!name) { resultEl.textContent = '❌ Account name is required'; resultEl.style.color = '#ef4444'; return; }
- if (!key) { resultEl.textContent = '❌ API key is required'; resultEl.style.color = '#ef4444'; return; }
-
- btn.disabled = true;
- btn.textContent = 'Adding...';
- resultEl.textContent = 'Testing key...';
- resultEl.style.color = 'var(--text2)';
-
- fetch('/dashboard/api/accounts/add', {
- method: 'POST',
- headers: {'Content-Type': 'application/json'},
- body: JSON.stringify({name: name, api_key: key})
- }).then(r => r.json()).then(data => {
- btn.disabled = false;
- btn.textContent = 'Add & Test';
- if (data.status === 'ok') {
- resultEl.textContent = '✅ ' + data.message;
- resultEl.style.color = 'var(--accent)';
- document.getElementById('new-account-name').value = '';
- document.getElementById('new-account-key').value = '';
- loadAccounts();
- } else {
- resultEl.textContent = '❌ ' + data.message;
- resultEl.style.color = '#ef4444';
- }
- }).catch(err => {
- btn.disabled = false;
- btn.textContent = 'Add & Test';
- resultEl.textContent = '❌ ' + err.message;
- resultEl.style.color = '#ef4444';
- });
-}
-
-function removeAccount(name) {
- if (!confirm('Remove account "' + name + '"?')) return;
- fetch('/dashboard/api/accounts/remove', {
- method: 'POST',
- headers: {'Content-Type': 'application/json'},
- body: JSON.stringify({name: name})
- }).then(r => r.json()).then(data => {
- if (data.status === 'ok') {
- loadAccounts();
- } else {
- alert(data.message);
- }
- });
-}
-
-function testAccount(name) {
- const resultEl = document.getElementById('add-account-result');
- resultEl.textContent = 'Testing "' + name + '"...';
- resultEl.style.color = 'var(--text2)';
- fetch('/dashboard/api/accounts/test', {
- method: 'POST',
- headers: {'Content-Type': 'application/json'},
- body: JSON.stringify({name: name})
- }).then(r => r.json()).then(data => {
- if (data.ok) {
- resultEl.textContent = '✅ "' + name + '" key works! ' + (data.model_count || 0) + ' models available';
- resultEl.style.color = 'var(--accent)';
- } else {
- resultEl.textContent = '❌ "' + name + '" key failed: ' + data.error;
- resultEl.style.color = '#ef4444';
- }
- });
-}
-
-function setSessionCookie(name) {
- const cookie = prompt('Paste the __Secure-session cookie for "' + name + '":\n\n(From browser DevTools \u2192 Application \u2192 Cookies \u2192 ollama.com)');
- if (!cookie || !cookie.trim()) return;
- fetch('/dashboard/api/accounts/session-cookie', {
- method: 'POST',
- headers: {'Content-Type': 'application/json'},
- body: JSON.stringify({name: name, cookie: cookie.trim()})
- }).then(r => r.json()).then(data => {
- if (data.status === 'ok') {
- document.getElementById('add-account-result').textContent = '\u2705 Session cookie set for "' + name + '"';
- document.getElementById('add-account-result').style.color = 'var(--accent)';
- loadAccounts();
- } else {
- document.getElementById('add-account-result').textContent = '\u274c ' + data.message;
- document.getElementById('add-account-result').style.color = '#ef4444';
- }
- });
-}
-
-function checkAccountUsage(name) {
- const resultEl = document.getElementById('add-account-result');
- resultEl.textContent = 'Checking usage for "' + name + '"...';
- resultEl.style.color = 'var(--text2)';
- fetch('/dashboard/api/accounts/check-usage', {
- method: 'POST',
- headers: {'Content-Type': 'application/json'},
- body: JSON.stringify({name: name})
- }).then(r => r.json()).then(data => {
- if (data.source === 'unavailable' || data.source === 'error') {
- resultEl.textContent = '\u274c ' + (data.error || 'Usage unavailable');
- resultEl.style.color = '#ef4444';
- } else {
- const pct = data.session_pct != null ? data.session_pct + '%' : '?';
- const plan = data.plan || 'unknown';
- resultEl.textContent = '\u2705 "' + name + '": ' + plan + ' plan, session ' + pct;
- resultEl.style.color = 'var(--accent)';
- loadAccounts();
- }
- });
-}
-
-function checkAllAccountUsage() {
- fetch('/dashboard/api/accounts').then(r => r.json()).then(data => {
- const accounts = data.accounts || [];
- const withCookies = accounts.filter(a => a.has_session_cookie && a.name !== 'ollama');
- // Fire off checks for all secondary accounts with cookies (primary handled by checkUsage)
- withCookies.forEach(a => {
- fetch('/dashboard/api/accounts/check-usage', {
- method: 'POST',
- headers: {'Content-Type': 'application/json'},
- body: JSON.stringify({name: a.name})
- }).then(r => r.json()).then(() => {
- // Silently refresh accounts tab if visible
- const tabEl = document.getElementById('tab-accounts');
- if (tabEl && !tabEl.classList.contains('hidden')) {
- loadAccounts();
- }
- }).catch(() => {});
- });
- });
-}
-
// ─── Models ───
let availableModels = [];
@@ -1309,7 +758,7 @@ function loadModels() {
// Fallback to config model list when API is down
const cfg = CONFIG.llm || {};
const names = cfg.available_models || [];
- const fallbackModels = names.map(n => ({name: n, model: n, id: n, capabilities: _getCapabilities(n), usage_multiplier: _getMultiplier(n)}));
+ const fallbackModels = names.map(n => ({name: n, model: n, id: n, capabilities: _getCapabilities(n)}));
availableModels = fallbackModels;
document.getElementById('models-loading').style.display = 'none';
document.getElementById('models-loading').textContent = '';
@@ -1338,9 +787,6 @@ function renderModels(models) {
const paramSize = details.parameter_size || '';
const quant = details.quantization_level || '';
const caps = m.capabilities || ['cloud'];
- const mult = typeof m.usage_multiplier === 'number' ? m.usage_multiplier : (m.usage_multiplier || 0.75);
- const filled = Math.round(mult * 4); // 4 slots, 0.25 = 1 filled, 1.00 = 4 filled
- const slots = [0,1,2,3].map(i => `
`).join('');
const capHtml = caps.map(c => `
${c}`).join('');
return `
${display}
@@ -1350,7 +796,6 @@ function renderModels(models) {
${quant ? `
⚡ ${quant}` : ''}
${capHtml}
-
${slots}${mult.toFixed(2)}x
`;
}).join('');
}
@@ -1417,12 +862,12 @@ function loadAnalytics() {
document.getElementById('an-ttft').textContent = data.avg_ttft ? (data.avg_ttft * 1000).toFixed(0) + 'ms' : '—';
document.getElementById('an-errors').textContent = (data.errors || 0).toLocaleString();
- // Fallback rate (24h)
- const fallbackEl = document.getElementById('an-weekly');
- if (data.fallback_rate !== undefined && data.fallback_rate !== null) {
- fallbackEl.textContent = data.fallback_rate + '%';
+ // Usage
+ const usageEl = document.getElementById('an-weekly');
+ if (data.usage && data.usage.weekly_pct !== null) {
+ usageEl.textContent = data.usage.weekly_pct + '%';
} else {
- fallbackEl.textContent = '—';
+ usageEl.textContent = '—';
}
// Model rows
@@ -1437,7 +882,6 @@ function loadAnalytics() {