General
@@ -345,7 +362,9 @@ let abortController = null;
let profileEnabled = true;
let searchEnabled = true;
let memoryEnabled = true;
+let skillsEnabled = true;
let presets = [];
+let skillsRegistry = [];
let modelContextSize = 8192;
let cachedProfile = '';
let conversationHistory = [];
@@ -559,6 +578,7 @@ async function initializeMainApp() {
appInitialized = true;
await loadModels();
await loadSettings();
+ await loadSkills();
await loadProfile();
await loadPresets();
await loadConversations();
@@ -677,9 +697,11 @@ async function loadSettings() {
profileEnabled = s.profile_enabled !== 'false';
searchEnabled = s.search_enabled !== 'false';
memoryEnabled = s.memory_enabled !== 'false';
+ skillsEnabled = s.skills_enabled !== 'false';
updateProfileUI();
updateSearchUI();
updateMemoryUI();
+ updateSkillsUI();
if (s.default_model) {
document.getElementById('modelSelect').value = s.default_model;
document.getElementById('defaultModelSetting').value = s.default_model;
@@ -689,7 +711,7 @@ async function loadSettings() {
async function saveSettings() {
if (currentRole !== 'admin') { requireAdminNotice(); return; }
- await authFetch('/api/settings', { method: 'PUT', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ profile_enabled: profileEnabled ? 'true' : 'false', search_enabled: searchEnabled ? 'true' : 'false', memory_enabled: memoryEnabled ? 'true' : 'false' }) });
+ await authFetch('/api/settings', { method: 'PUT', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ profile_enabled: profileEnabled ? 'true' : 'false', search_enabled: searchEnabled ? 'true' : 'false', memory_enabled: memoryEnabled ? 'true' : 'false', skills_enabled: skillsEnabled ? 'true' : 'false' }) });
}
async function saveDefaultModel() {
@@ -759,6 +781,92 @@ function updateMemoryUI() {
if (toggle) toggle.className = 'toggle-switch' + (memoryEnabled ? ' on' : '');
}
+function updateSkillsUI() {
+ const master = document.getElementById('skillsMasterToggle');
+ if (master) master.className = 'toggle-switch' + (skillsEnabled ? ' on' : '');
+}
+
+async function loadSkills() {
+ try {
+ const resp = await authFetch('/api/skills');
+ const data = await resp.json();
+ skillsRegistry = data.skills || [];
+ renderSkills();
+ } catch(e) {
+ const status = document.getElementById('skillsStatus');
+ if (status) status.textContent = 'Unable to load skills';
+ }
+}
+
+function renderSkills() {
+ const container = document.getElementById('skillsList');
+ const status = document.getElementById('skillsStatus');
+ if (!container || !status) return;
+
+ container.innerHTML = '';
+ if (!skillsRegistry.length) {
+ status.textContent = 'No skills registered';
+ return;
+ }
+
+ const enabledCount = skillsRegistry.filter(s => s.enabled).length;
+ status.textContent = `${enabledCount}/${skillsRegistry.length} skills enabled${skillsEnabled ? '' : ' (master toggle OFF)'}`;
+
+ skillsRegistry.forEach(skill => {
+ const row = document.createElement('div');
+ row.className = 'skill-item' + (skillsEnabled ? '' : ' disabled');
+
+ const meta = document.createElement('div');
+ meta.className = 'skill-meta';
+
+ const name = document.createElement('div');
+ name.className = 'skill-name';
+ const risk = (skill.risk || 'low').toUpperCase();
+ name.innerHTML = `${skill.name} ${risk}`;
+
+ const desc = document.createElement('div');
+ desc.className = 'skill-desc';
+ desc.textContent = `${skill.key} - ${skill.description || ''}`;
+
+ meta.appendChild(name);
+ meta.appendChild(desc);
+
+ const toggle = document.createElement('div');
+ const active = !!skill.enabled && skillsEnabled;
+ toggle.className = 'toggle-switch' + (active ? ' on' : '');
+ toggle.title = skillsEnabled ? `Toggle ${skill.name}` : 'Enable skills framework first';
+ toggle.addEventListener('click', () => toggleSkill(skill.key));
+
+ row.appendChild(meta);
+ row.appendChild(toggle);
+ container.appendChild(row);
+ });
+}
+
+async function toggleSkillsMaster() {
+ if (currentRole !== 'admin') { requireAdminNotice(); return; }
+ skillsEnabled = !skillsEnabled;
+ updateSkillsUI();
+ renderSkills();
+ await saveSettings();
+}
+
+async function toggleSkill(skillKey) {
+ if (currentRole !== 'admin') { requireAdminNotice(); return; }
+ if (!skillsEnabled) return;
+ const skill = skillsRegistry.find(s => s.key === skillKey);
+ if (!skill) return;
+
+ const nextEnabled = !skill.enabled;
+ await authFetch(`/api/skills/${encodeURIComponent(skillKey)}`, {
+ method: 'PUT',
+ headers: {'Content-Type': 'application/json'},
+ body: JSON.stringify({ enabled: nextEnabled })
+ });
+ skill.enabled = nextEnabled;
+ renderSkills();
+}
+
function updateTokenCount() {
const text = document.getElementById('profileEditor').value;
cachedProfile = text;
@@ -861,6 +969,7 @@ function openSettings() {
document.getElementById('settingsModal').classList.add('visible');
loadProfile();
loadMemoryStats();
+ loadSkills();
}
function closeSettings() { document.getElementById('settingsModal').classList.remove('visible'); }
document.getElementById('settingsModal').addEventListener('click', e => { if (e.target.id === 'settingsModal') closeSettings(); });