Changeset 0.8.5 (#48)

src/js/app.js

@@ -6,6 +6,7 @@ const App = {
     chats: [],
     currentChatId: null,
     models: [],
+    hiddenModels: new Set(),
     isGenerating: false,
     abortController: null,
     serverSettings: {},
@@ -200,10 +201,16 @@ function resolveCapabilities(backendCaps, modelId) {
 async function fetchModels() {
     try {
         const data = await API.listEnabledModels();
+        // Load user model preferences
+        try {
+            const prefData = await API.getModelPreferences();
+            App.hiddenModels = new Set(
+                (prefData.preferences || []).filter(p => p.hidden).map(p => p.model_id)
+            );
+        } catch (e) { App.hiddenModels = new Set(); }
+
         App.models = (data.models || []).map(m => {
             const isPreset = !!m.is_preset;
-            // Presets: use preset_id as selector value, base model for caps
-            // Regular: model_id is both
             const id = isPreset ? (m.preset_id || m.id) : (m.model_id || m.id);
             const baseModelId = m.model_id || m.id;
             return {
@@ -218,6 +225,7 @@ async function fetchModels() {
                 presetScope: m.preset_scope || null,
                 presetAvatar: m.preset_avatar || null,
                 presetTeamName: m.preset_team_name || null,
+                hidden: !isPreset && App.hiddenModels.has(baseModelId),
             };
         });
 
@@ -233,7 +241,7 @@ async function fetchModels() {
             }
             return a.name.localeCompare(b.name);
         });
-        console.log(`📋 Loaded ${App.models.length} models (${App.models.filter(m => m.isPreset).length} presets)`);
+        console.log(`📋 Loaded ${App.models.length} models (${App.models.filter(m => m.isPreset).length} presets, ${App.models.filter(m => m.hidden).length} hidden)`);
     } catch (e) { console.warn('Model fetch failed:', e.message); }
     UI.updateModelSelector();
     UI.updateCapabilityBadges();
@@ -1092,6 +1100,49 @@ function initListeners() {
         UI.loadTeamPresetModelDropdown(UI._managingTeamId);
     });
 
+    // User — personal presets
+    var _userPresetForm = null;
+    document.getElementById('userAddPresetBtn')?.addEventListener('click', () => {
+        const container = document.getElementById('userAddPresetForm');
+        container.style.display = container.style.display === 'none' ? '' : 'none';
+        if (!_userPresetForm) {
+            _userPresetForm = renderPresetForm(container, {
+                prefix: 'userPreset',
+                showAvatar: true,
+                showProviderConfig: false,
+                onSubmit: async (vals) => {
+                    if (!vals.name) return UI.toast('Name required', 'error');
+                    if (!vals.base_model_id) return UI.toast('Select a base model', 'error');
+                    try {
+                        const result = await API.createUserPreset(vals);
+                        const presetId = result?.id;
+                        if (presetId && vals._pendingAvatar) {
+                            try { await API.adminUploadPresetAvatar(presetId, vals._pendingAvatar); }
+                            catch (e) { console.warn('User preset avatar upload failed:', e.message); }
+                        }
+                        container.style.display = 'none';
+                        _userPresetForm.clearForm();
+                        UI.toast('Preset created');
+                        await UI.loadUserPresets();
+                        await fetchModels();
+                    } catch (e) { UI.toast(e.message, 'error'); }
+                },
+                onCancel: () => { container.style.display = 'none'; _userPresetForm.clearForm(); }
+            });
+        }
+        // Populate model dropdown from user's available models
+        const sel = _userPresetForm.getModelSelect();
+        if (sel) {
+            sel.innerHTML = '<option value="">Select base model...</option>';
+            App.models.filter(m => !m.isPreset).forEach(m => {
+                const opt = document.createElement('option');
+                opt.value = m.baseModelId || m.id;
+                opt.textContent = (m.name || m.id) + (m.provider ? ` (${m.provider})` : '');
+                sel.appendChild(opt);
+            });
+        }
+    });
+
     // Admin — banner controls
     document.getElementById('adminBannerEnabled')?.addEventListener('change', (e) => {
         document.getElementById('bannerConfigFields').style.display = e.target.checked ? '' : 'none';
@@ -1569,6 +1620,46 @@ async function bulkSetVisibility(visibility) {
     } catch (e) { UI.toast(e.message, 'error'); hint.textContent = 'Failed'; }
 }
 
+// ── User Model Preferences ──────────────────
+
+async function toggleUserModelVisibility(modelId, currentlyHidden) {
+    try {
+        await API.setModelPreference(modelId, !currentlyHidden);
+        if (currentlyHidden) App.hiddenModels.delete(modelId);
+        else App.hiddenModels.add(modelId);
+        await UI.loadUserModels();
+        await fetchModels(); // refresh model selector
+    } catch (e) { UI.toast(e.message, 'error'); }
+}
+
+async function bulkSetUserModelVisibility(show) {
+    const models = App.models.filter(m => !m.isPreset);
+    if (!models.length) return;
+    const shouldHide = !show;
+    // Only update models not already in the desired state
+    const toUpdate = models
+        .map(m => m.baseModelId || m.id)
+        .filter(mid => App.hiddenModels.has(mid) !== shouldHide);
+    if (!toUpdate.length) { UI.toast(show ? 'All already visible' : 'All already hidden'); return; }
+    try {
+        await API.bulkSetModelPreferences(toUpdate, shouldHide);
+        toUpdate.forEach(mid => shouldHide ? App.hiddenModels.add(mid) : App.hiddenModels.delete(mid));
+        await UI.loadUserModels();
+        await fetchModels();
+        UI.toast(show ? `${toUpdate.length} model(s) shown` : `${toUpdate.length} model(s) hidden`);
+    } catch (e) { UI.toast(e.message, 'error'); }
+}
+
+async function deleteUserPreset(id, name) {
+    if (!confirm(`Delete preset "${name}"?`)) return;
+    try {
+        await API.deleteUserPreset(id);
+        UI.toast('Preset deleted');
+        await UI.loadUserPresets();
+        await fetchModels();
+    } catch (e) { UI.toast(e.message, 'error'); }
+}
+
 // ── Admin Presets ────────────────────────────
 
 var _adminPresetForm = null;