Skip to content

[codex] Extract API provider storage #452

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
elkimek merged 2 commits into from
May 30, 2026
Merged

[codex] Extract API provider storage #452

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6fa701a
Extract API provider storage
elkimek May 30, 2026
bc759c5
Tighten Venice E2EE source assertion
elkimek May 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
236 changes: 236 additions & 0 deletions js/api-provider-storage.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,236 @@
// api-provider-storage.js — persisted AI provider settings, keys, and model caches.

import { getCachedKey, updateKeyCache, encryptedSetItem } from './crypto.js';

function notifyAISelectionChanged() {
window.updateChatHeaderModel?.();
window.refreshWebSearchToggle?.();
}

export function getAIProvider() { return localStorage.getItem('labcharts-ai-provider') || 'openrouter'; }
export function setAIProvider(provider) {
localStorage.setItem('labcharts-ai-provider', provider);
markAISettingsLocal();
notifyAISelectionChanged();
}
export function isAIPaused() { return localStorage.getItem('labcharts-ai-paused') === 'true'; }
export function setAIPaused(v) { localStorage.setItem('labcharts-ai-paused', v ? 'true' : 'false'); }

const AI_SETTINGS_LOCAL_LOCK_UNTIL_KEY = 'labcharts-ai-settings-local-lock-until';

export function markAISettingsLocal() {
try {
sessionStorage.setItem(AI_SETTINGS_LOCAL_LOCK_UNTIL_KEY, String(Date.now() + 5 * 60 * 1000));
} catch {}
try { window.dispatchEvent(new CustomEvent('labcharts-ai-settings-local-changed')); } catch {}
}

export function hasAIProvider() {
if (isAIPaused()) return false;
const provider = getAIProvider();
if (provider === 'venice') return hasVeniceKey();
if (provider === 'openrouter') return hasOpenRouterKey();
if (provider === 'routstr') return hasRoutstrKey();
if (provider === 'ppq') return hasPpqKey();
if (provider === 'custom') return hasCustomApiKey() && !!getCustomApiUrl();
return true; // Ollama — optimistic, errors caught at call time
}

export function getOllamaMainModel() { return localStorage.getItem('labcharts-ollama-model') || window.getOllamaConfig().model || 'llama3.2'; }
export function setOllamaMainModel(model) {
localStorage.setItem('labcharts-ollama-model', model);
markAISettingsLocal();
notifyAISelectionChanged();
}
export function getOllamaPIIUrl() { return localStorage.getItem('labcharts-ollama-pii-url') || window.getOllamaConfig().url; }
export function setOllamaPIIUrl(url) {
localStorage.setItem('labcharts-ollama-pii-url', url);
markAISettingsLocal();
}
export function getOllamaPIIModel() { return localStorage.getItem('labcharts-ollama-pii-model') || getOllamaMainModel(); }
export function setOllamaPIIModel(model) {
localStorage.setItem('labcharts-ollama-pii-model', model);
markAISettingsLocal();
}

export function getVeniceKey() { return getCachedKey('labcharts-venice-key') || ''; }
export async function saveVeniceKey(key) { await encryptedSetItem('labcharts-venice-key', key); updateKeyCache('labcharts-venice-key', key); markAISettingsLocal(); }
export function hasVeniceKey() { return !!getVeniceKey(); }
export function getVeniceModel() { return localStorage.getItem('labcharts-venice-model') || 'llama-3.3-70b'; }
export function setVeniceModel(model) {
localStorage.setItem('labcharts-venice-model', model);
markAISettingsLocal();
notifyAISelectionChanged();
}

export function readStoredArray(key) {
try {
const parsed = JSON.parse(localStorage.getItem(key) || '[]');
return Array.isArray(parsed) ? parsed : [];
} catch {
return [];
}
}

export function modelListHasId(models, id) {
return models.some(function(m) { return m && m.id === id; });
}

function veniceE2EEModelsCacheKnown() {
return localStorage.getItem('labcharts-venice-e2ee-models') !== null;
}

export function modelSupportsVeniceE2EE(model) {
const supports = model?.model_spec?.capabilities?.supportsE2EE;
if (supports === true) return true;
if (supports === false) return false;
return typeof model?.id === 'string' && model.id.startsWith('e2ee-');
}

function preferredVeniceModelId(models, savedId, preferLlama = false) {
if (!models.length) return '';
if (savedId && modelListHasId(models, savedId)) return savedId;
if (preferLlama) {
const llama = models.find(function(m) { return m.id && m.id.includes('llama-3.3-70b'); });
if (llama) return llama.id;
}
return models[0].id;
}

export function syncVeniceModelSelection(regularModels, e2eeModels) {
const current = getVeniceModel();
const e2eeOn = getVeniceE2EE();
if (e2eeOn) {
if (e2eeModels.length) {
if (!modelListHasId(e2eeModels, current)) {
const next = preferredVeniceModelId(e2eeModels, localStorage.getItem('labcharts-venice-model-e2ee'));
if (next) {
setVeniceModel(next);
localStorage.setItem('labcharts-venice-model-e2ee', next);
}
}
return;
}
return;
}
if (regularModels.length && !modelListHasId(regularModels, getVeniceModel())) {
const next = preferredVeniceModelId(regularModels, localStorage.getItem('labcharts-venice-model-regular'), true);
if (next) setVeniceModel(next);
}
}

export function veniceModelsCacheStale() {
const fetchedAt = Number(localStorage.getItem('labcharts-venice-models-fetched-at') || 0);
return !fetchedAt || Date.now() - fetchedAt > 60 * 60 * 1000;
}

export function getVeniceModelDisplay() {
const id = getVeniceModel();
const cached = [
...readStoredArray('labcharts-venice-models'),
...readStoredArray('labcharts-venice-e2ee-models')
];
const m = cached.find(function(x) { return x.id === id; });
return m ? (m.name || m.id) : id;
}

export function getVeniceE2EE() { return localStorage.getItem('labcharts-venice-e2ee') === 'on'; }
export function setVeniceE2EE(on) {
localStorage.setItem('labcharts-venice-e2ee', on ? 'on' : 'off');
markAISettingsLocal();
}

export function isE2EEModel(modelId) {
if (typeof modelId !== 'string') return false;
const e2eeModels = readStoredArray('labcharts-venice-e2ee-models');
if (veniceE2EEModelsCacheKnown()) return modelListHasId(e2eeModels, modelId);
return modelId.startsWith('e2ee-');
}

export function isVeniceE2EEActive() {
return isE2EEModel(getVeniceModel());
}

export function getOpenRouterKey() { return getCachedKey('labcharts-openrouter-key') || ''; }
export async function saveOpenRouterKey(key) { await encryptedSetItem('labcharts-openrouter-key', key); updateKeyCache('labcharts-openrouter-key', key); markAISettingsLocal(); }
export function hasOpenRouterKey() { return !!getOpenRouterKey(); }
export function getOpenRouterModel() {
let m = localStorage.getItem('labcharts-openrouter-model');
// Fix legacy hyphenated IDs (OpenRouter uses dots: anthropic/claude-sonnet-4.6)
if (m === 'anthropic/claude-sonnet-4-6') { m = 'anthropic/claude-sonnet-4.6'; localStorage.setItem('labcharts-openrouter-model', m); }
return m || 'anthropic/claude-sonnet-4.6';
}
export function setOpenRouterModel(model) {
localStorage.setItem('labcharts-openrouter-model', model);
markAISettingsLocal();
notifyAISelectionChanged();
}
export function getOpenRouterModelDisplay() {
const id = getOpenRouterModel();
const cached = readStoredArray('labcharts-openrouter-models');
const m = cached.find(function(x) { return x.id === id; });
return m ? (m.name || m.id) : id;
}
export function getOpenRouterPricing(modelId) {
let cached = {}; try { cached = JSON.parse(localStorage.getItem('labcharts-openrouter-pricing') || '{}'); } catch(e) {}
return cached[modelId] || null;
}

export function getRoutstrKey() { return getCachedKey('labcharts-routstr-key') || ''; }
export async function saveRoutstrKey(key) { await encryptedSetItem('labcharts-routstr-key', key); updateKeyCache('labcharts-routstr-key', key); markAISettingsLocal(); }
export function hasRoutstrKey() { return !!getRoutstrKey(); }
export function getRoutstrModel() { return localStorage.getItem('labcharts-routstr-model') || 'claude-sonnet-4.6'; }
export function setRoutstrModel(model) {
localStorage.setItem('labcharts-routstr-model', model);
markAISettingsLocal();
notifyAISelectionChanged();
}
export function getRoutstrModelDisplay() {
const id = getRoutstrModel();
const cached = readStoredArray('labcharts-routstr-models');
const m = cached.find(function(x) { return x.id === id; });
return m ? (m.name || m.id) : id;
}

export function getPpqKey() { return getCachedKey('labcharts-ppq-key') || ''; }
export async function savePpqKey(key) { await encryptedSetItem('labcharts-ppq-key', key); updateKeyCache('labcharts-ppq-key', key); markAISettingsLocal(); }
export function hasPpqKey() { return !!getPpqKey(); }
export function getPpqModel() { return localStorage.getItem('labcharts-ppq-model') || 'claude-sonnet-4.6'; }
export function setPpqModel(model) {
localStorage.setItem('labcharts-ppq-model', model);
markAISettingsLocal();
notifyAISelectionChanged();
}
export function getPpqModelDisplay() {
const id = getPpqModel();
const cached = readStoredArray('labcharts-ppq-models');
const m = cached.find(function(x) { return x.id === id; });
return m ? (m.name || m.id) : id;
}
export function getPpqCreditId() { return localStorage.getItem('labcharts-ppq-credit-id') || ''; }
export function savePpqCreditId(id) {
localStorage.setItem('labcharts-ppq-credit-id', id);
markAISettingsLocal();
}

export function getCustomApiUrl() { return localStorage.getItem('labcharts-custom-url') || ''; }
export function setCustomApiUrl(url) {
localStorage.setItem('labcharts-custom-url', url);
markAISettingsLocal();
}
export function getCustomApiKey() { return getCachedKey('labcharts-custom-key') || ''; }
export async function saveCustomApiKey(key) { await encryptedSetItem('labcharts-custom-key', key); updateKeyCache('labcharts-custom-key', key); markAISettingsLocal(); }
export function hasCustomApiKey() { return !!getCustomApiKey(); }
export function getCustomApiModel() { return localStorage.getItem('labcharts-custom-model') || ''; }
export function setCustomApiModel(model) {
localStorage.setItem('labcharts-custom-model', model);
markAISettingsLocal();
notifyAISelectionChanged();
}
export function getCustomApiModelDisplay() {
const id = getCustomApiModel();
if (!id) return '(no model selected)';
const cached = readStoredArray('labcharts-custom-models');
const m = cached.find(function(x) { return x.id === id; });
return m ? (m.name || m.id) : id;
}
Loading