@@ -619,16 +897,22 @@ const FALLBACK = __FALLBACK__;
function showTab(tab) {
document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
- event.target.classList.add('active');
- ['endpoints','models','fallback','analytics','status','cache','keys','system'].forEach(t => {
- document.getElementById('tab-'+t).classList.toggle('hidden', t !== tab);
+ // 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);
});
// 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 === 'status') { checkOllamaStatus(); loadUsageConfig(); checkUsage(); loadStatusLog(); }
+ if (tab === 'history') { loadHistoryConfig(); loadHistory(); loadHistoryLogs(); }
+ if (tab === 'status') { checkOllamaStatus(); loadUsageConfig(); checkUsage(); loadStatusLog(); loadROIConfig(); }
+ if (tab === 'accounts') { loadAccounts(); checkAllAccountUsage(); }
if (tab === 'system') { loadAutostart(); checkForUpdate(); }
}
@@ -652,6 +936,52 @@ 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;
@@ -665,9 +995,11 @@ function updateEndpoints() {
document.getElementById('anthropic-url').textContent = `${base}:${port}/v1/messages`;
// Update all endpoint URLs from PROVIDERS data
Object.entries(PROVIDERS).forEach(([name, cfg]) => {
- (cfg.endpoints || []).forEach((ep, i) => {
+ const eps = (cfg.endpoints && cfg.endpoints.length > 0) ? cfg.endpoints : (KNOWN_ENDPOINTS[name] || []);
+ const prefix = cfg.prefix || `/${name}`;
+ eps.forEach((ep, i) => {
const el = document.getElementById(`ep-${name}-${i}`);
- if (el) el.textContent = `${base}:${port}${cfg.prefix}${ep.path}`;
+ if (el) el.textContent = `${base}:${port}${prefix}${ep.path}`;
});
});
}
@@ -697,6 +1029,9 @@ function updateNetworkInfo() {
: `
Tailscale not installed —
install it for remote access
`);
}
+
+
+
function generateKey() {
fetch('/dashboard/api/keys/generate', {
method: 'POST',
@@ -739,6 +1074,222 @@ 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 = [];
@@ -758,7 +1309,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)}));
+ const fallbackModels = names.map(n => ({name: n, model: n, id: n, capabilities: _getCapabilities(n), usage_multiplier: _getMultiplier(n)}));
availableModels = fallbackModels;
document.getElementById('models-loading').style.display = 'none';
document.getElementById('models-loading').textContent = '';
@@ -787,6 +1338,9 @@ 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}
@@ -796,6 +1350,7 @@ function renderModels(models) {
${quant ? `
⚡ ${quant}` : ''}
${capHtml}
+
${slots}${mult.toFixed(2)}x
`;
}).join('');
}
@@ -862,12 +1417,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();
- // Usage
- const usageEl = document.getElementById('an-weekly');
- if (data.usage && data.usage.weekly_pct !== null) {
- usageEl.textContent = data.usage.weekly_pct + '%';
+ // Fallback rate (24h)
+ const fallbackEl = document.getElementById('an-weekly');
+ if (data.fallback_rate !== undefined && data.fallback_rate !== null) {
+ fallbackEl.textContent = data.fallback_rate + '%';
} else {
- usageEl.textContent = '—';
+ fallbackEl.textContent = '—';
}
// Model rows
@@ -882,6 +1437,7 @@ function loadAnalytics() {