llm-switcher 1.6.3 → 1.6.4

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog — LLM Switcher
 
+## Release 1.6.4 — 2026-10-08
+
+- **Dynamic Model Provider Source for Idle Compaction:** Query live model listings directly from the selected profile's `baseURL` via `/models` instead of hardcoding provider URLs or static model lists.
+- **Clean Model Combobox without Slot Aliases:** Eliminate hardcoded quick preset buttons, popular model arrays, and slot aliases from the summarization model combobox. Models are loaded dynamically from the upstream provider, sorted alphabetically with context limits, with support for instant search filtering and deterministic heuristic truncation (`""`).
+
 ## Release 1.6.3 — 2026-10-08
 
 - **Interactive Summarization Model Selection & Presets:** Replace raw text input for Idle Compaction's summarization model with a fully searchable combobox dropdown and quick 1-click preset chips. Users can pick directly from deterministic heuristic mode (`""`), slot aliases (`haiku`, `subagent`, `sonnet`, `main`), configured profile models (`zencore/*`, `codex/*`), and discovered catalog models, or type to filter in real-time. Selection automatically saves and updates active highlights across both light and dark themes.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "llm-switcher",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "description": "Zero-dependency multi-protocol edge gateway & provider switcher for Claude Code and Codex, with OpenAI-compatible, Anthropic and Vertex upstreams",
   "keywords": [
     "llm",

package/ui.html

@@ -1105,12 +1105,23 @@
                 </div>
               </div>
 
+              <div class="row">
+                <div class="who">
+                  <div class="l">Model Provider Source</div>
+                  <div class="meta" id="idle-compact-source-meta">Profile Base URL queried via /models to list upstream models</div>
+                </div>
+                <div style="display:flex; align-items:center; gap:0.5rem; margin-left:auto; min-width:18rem; max-width:26rem;">
+                  <select id="idle-compact-source-profile" onchange="onCompactSourceProfileChange()" style="flex:1; font-size:0.8rem;"></select>
+                  <button type="button" class="btn btn-outline btn-sm" id="btn-reload-compact-models" onclick="reloadCompactModels(true)" title="Fetch live models from provider Base URL">Reload</button>
+                </div>
+              </div>
+
               <div class="row" style="align-items:flex-start;">
                 <div class="who" style="padding-top:0.25rem;">
                   <div class="l">Summarization Model</div>
-                  <div class="meta">Select from discovered/profile models or enter custom ID (empty = deterministic truncation)</div>
+                  <div class="meta" id="idle-compact-models-status">Select model from provider URL or enter custom ID (empty = deterministic truncation)</div>
                 </div>
-                <div style="min-width:18rem; flex:1; max-width:28rem; margin-left:auto; display:flex; flex-direction:column; gap:0.4rem;">
+                <div style="min-width:18rem; flex:1; max-width:26rem; margin-left:auto;">
                   <div class="combo" id="combo-compact-model">
                     <input type="text" id="idle-compact-model" placeholder="empty = deterministic truncation" maxlength="512" onchange="saveIdleCompact()" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="idle-compact-model-list" autocomplete="off" spellcheck="false" style="font-family:var(--font-mono); font-size:0.8rem;" title="Upstream model used to generate turn summary text">
                     <button type="button" class="combo-toggle" tabindex="-1" aria-label="Show available summary models">
@@ -1118,9 +1129,6 @@
                     </button>
                     <ul class="combo-list" id="idle-compact-model-list" role="listbox" aria-label="Available summarization models" hidden></ul>
                   </div>
-                  <div id="compact-model-presets" style="display:flex; flex-wrap:wrap; align-items:center; gap:0.35rem;">
-                    <!-- Quick Presets rendered dynamically -->
-                  </div>
                 </div>
               </div>
 
@@ -2072,10 +2080,7 @@
       const elKb = document.getElementById('idle-compact-kb');
       if (elKb) elKb.value = (c.minBytes ?? 65536) / 1024;
       const elModel = document.getElementById('idle-compact-model');
-      if (elModel) {
-        elModel.value = c.model || '';
-        updateCompactModelPresets(c.model || '');
-      }
+      if (elModel) elModel.value = c.model || '';
       const elCodex = document.getElementById('idle-compact-codex');
       if (elCodex) elCodex.checked = !!c.codex;
       const elKeep = document.getElementById('idle-compact-keep');
@@ -2125,66 +2130,107 @@
       }
     }
 
-    async function ensureCatalogLoaded() {
-      if (cachedCatalog) return cachedCatalog;
-      try {
-        const res = await api('/api/catalog');
-        if (res.ok) cachedCatalog = await res.json();
-      } catch {}
-      return cachedCatalog;
+    let compactLoadedModels = [];
+    let compactLoadedLimits = {};
+    let compactSourceProfileKey = '';
+
+    function populateCompactSourceProfiles() {
+      const sel = document.getElementById('idle-compact-source-profile');
+      if (!sel) return;
+      const profiles = state.config?.profiles || {};
+      const activeClaude = state.config?.activeProfiles?.claude;
+      const activeCodex = state.config?.activeProfiles?.codex;
+      const keys = Object.keys(profiles);
+
+      if (!compactSourceProfileKey || !profiles[compactSourceProfileKey]) {
+        compactSourceProfileKey = activeClaude || activeCodex || keys[0] || '';
+      }
+
+      if (!keys.length) {
+        sel.innerHTML = '<option value="">(No profiles configured)</option>';
+        return;
+      }
+
+      sel.innerHTML = keys.map(k => {
+        const p = profiles[k];
+        const isActive = (k === activeClaude || k === activeCodex);
+        const prefix = isActive ? '★ ' : '';
+        const selected = (k === compactSourceProfileKey) ? 'selected' : '';
+        return `<option value="${escapeHtml(k)}" ${selected}>${escapeHtml(prefix + (p.name || k))} (${escapeHtml(p.baseURL || 'no URL')})</option>`;
+      }).join('');
+
+      updateCompactSourceMeta();
     }
 
-    function setCompactModel(model) {
-      const inp = document.getElementById('idle-compact-model');
-      if (inp) {
-        inp.value = model;
-        saveIdleCompact();
-        updateCompactModelPresets(model);
+    function updateCompactSourceMeta() {
+      const meta = document.getElementById('idle-compact-source-meta');
+      const p = state.config?.profiles?.[compactSourceProfileKey];
+      if (meta && p) {
+        meta.textContent = `${p.baseURL || 'No Base URL configured'} · ${p.outFormat || p.mode || 'convert'}`;
       }
     }
 
-    function updateCompactModelPresets(currentModel) {
-      const container = document.getElementById('compact-model-presets');
-      if (!container) return;
-      if (currentModel === undefined) {
-        currentModel = document.getElementById('idle-compact-model')?.value.trim() || '';
+    async function onCompactSourceProfileChange() {
+      const sel = document.getElementById('idle-compact-source-profile');
+      if (sel) {
+        compactSourceProfileKey = sel.value;
+        updateCompactSourceMeta();
+        await reloadCompactModels(true);
       }
+    }
 
-      const presets = [
-        { id: '', label: 'Deterministic (none)' },
-        { id: 'haiku', label: 'haiku' },
-        { id: 'subagent', label: 'subagent' }
-      ];
+    async function reloadCompactModels(force = false) {
+      const p = state.config?.profiles?.[compactSourceProfileKey];
+      const statusEl = document.getElementById('idle-compact-models-status');
+      const reloadBtn = document.getElementById('btn-reload-compact-models');
+      if (!p || !p.baseURL) {
+        compactLoadedModels = [];
+        compactLoadedLimits = {};
+        if (statusEl) statusEl.textContent = 'Configure a Base URL on the profile to load live models';
+        return;
+      }
 
-      const profiles = state.config?.profiles || {};
-      let added = 0;
-      for (const p of Object.values(profiles)) {
-        if (p.defaultModels) {
-          for (const [slot, m] of Object.entries(p.defaultModels)) {
-            if (m && added < 2 && !presets.some(x => x.id === m)) {
-              presets.push({ id: m, label: m.includes('/') ? m.split('/')[1] : m });
-              added++;
-            }
+      if (statusEl) statusEl.textContent = `Loading models from ${p.baseURL}...`;
+      if (reloadBtn) reloadBtn.disabled = true;
+
+      try {
+        const res = await api('/api/fetch-models', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ baseURL: p.baseURL, apiKey: MASKED_KEY, key: compactSourceProfileKey })
+        });
+        const data = await res.json();
+        if (data.ok && Array.isArray(data.models)) {
+          compactLoadedModels = data.models;
+          compactLoadedLimits = data.limits || {};
+          if (statusEl) {
+            statusEl.textContent = `${compactLoadedModels.length} models loaded from ${p.baseURL}. Select from list or enter model ID.`;
+          }
+        } else {
+          compactLoadedModels = [];
+          compactLoadedLimits = {};
+          if (statusEl) {
+            statusEl.textContent = `Models not loaded: ${modelsError(data.error)}`;
           }
         }
+      } catch (err) {
+        compactLoadedModels = [];
+        compactLoadedLimits = {};
+        if (statusEl) statusEl.textContent = `Failed to load models: ${err.message}`;
+      } finally {
+        if (reloadBtn) reloadBtn.disabled = false;
+        const combo = document.getElementById('combo-compact-model');
+        if (combo && combo.hasAttribute('data-open')) renderComboOptions(combo);
       }
-
-      container.innerHTML = `<span class="hint" style="font-size:0.75rem; align-self:center; margin-right:0.2rem;">Quick Presets:</span>` +
-        presets.map(p => {
-          const active = (p.id === currentModel);
-          const style = active
-            ? 'padding:0.18rem 0.5rem; font-size:0.75rem; border-color:var(--accent); color:var(--accent); background:var(--accent-soft); font-weight:600;'
-            : 'padding:0.18rem 0.5rem; font-size:0.75rem;';
-          return `<button type="button" class="btn btn-outline btn-sm" style="${style}" onclick="setCompactModel('${escapeHtml(p.id)}')">${escapeHtml(p.label)}</button>`;
-        }).join('');
     }
 
     async function loadIdleCompact() {
-      ensureCatalogLoaded();
+      populateCompactSourceProfiles();
       try {
         const r = await api('/api/idle-compact');
         if (r.ok) showIdleCompact((await r.json()).idleCompact);
       } catch { /* the card stays at its defaults; nothing here is required to route */ }
+      await reloadCompactModels();
     }
 
     async function saveIdleCompact() {
@@ -2861,9 +2907,6 @@
         combo.dataset.filter = '1';
         combo.activeIndex = -1;
         openCombo(combo);
-        if (input.id === 'idle-compact-model') {
-          updateCompactModelPresets(input.value.trim());
-        }
       });
       input.addEventListener('keydown', onComboKeydown);
       input.addEventListener('blur', () => closeCombo(combo));
@@ -2971,54 +3014,16 @@
       // 1. Deterministic option (empty string)
       add('', 'Deterministic Truncation (no external call)', 'Pure heuristic context truncation · Zero latency & zero tokens', 'Deterministic');
 
-      // 2. Profile role/slot aliases (recommended for routing)
-      add('haiku', 'haiku (Claude Haiku Slot)', 'Auto-resolves to active profile Claude Haiku model', 'Slot Aliases');
-      add('subagent', 'subagent (Codex Subagent Slot)', 'Auto-resolves to active profile Codex Subagent model', 'Slot Aliases');
-      add('sonnet', 'sonnet (Claude Sonnet Slot)', 'Auto-resolves to active profile Claude Sonnet model', 'Slot Aliases');
-      add('main', 'main (Codex Main Slot)', 'Auto-resolves to active profile Codex Main model', 'Slot Aliases');
-
-      // 3. Models configured in current profiles
-      const profiles = state.config?.profiles || {};
-      for (const [profKey, p] of Object.entries(profiles)) {
-        const profName = p.name || profKey;
-        if (p.defaultModels) {
-          for (const [slot, m] of Object.entries(p.defaultModels)) {
-            if (m) add(m, m, `${profName} · ${slot} slot`, 'Profile Models');
-          }
-        }
-        if (Array.isArray(p.publicModels)) {
-          for (const m of p.publicModels) {
-            if (m) add(m, m, `${profName}`, 'Profile Models');
-          }
-        }
-      }
-
-      // 4. Discovered Catalog models
-      if (cachedCatalog) {
-        if (Array.isArray(cachedCatalog.claude?.models)) {
-          for (const m of cachedCatalog.claude.models) {
-            if (m.id) add(m.id, m.id, `Claude Catalog · ${m.tier || ''}`, 'Catalog');
-          }
-        }
-        if (Array.isArray(cachedCatalog.codex?.models)) {
-          for (const m of cachedCatalog.codex.models) {
-            if (m.id) add(m.id, m.id, `Codex Catalog · ${m.role || ''}`, 'Catalog');
-          }
+      // 2. Models fetched live from the provider Base URL
+      const prof = state.config?.profiles?.[compactSourceProfileKey];
+      if (Array.isArray(compactLoadedModels) && compactLoadedModels.length) {
+        for (const m of compactLoadedModels) {
+          const l = compactLoadedLimits[m];
+          const info = l?.context ? `${Math.round(l.context / 1000)}k context` : (prof?.name || 'Upstream');
+          add(m, m, info, 'Upstream Model');
         }
       }
 
-      // 5. Popular lightweight models
-      const popular = [
-        { id: 'zencore/muse-spark-1.3-contributor-free', desc: 'ZenCore contributor fast model' },
-        { id: 'zencore/exo-free', desc: 'ZenCore free pool fast model' },
-        { id: 'claude-3-5-haiku-20241022', desc: 'Anthropic lightweight summarizer' },
-        { id: 'gpt-4o-mini', desc: 'OpenAI low-cost summarizer' },
-        { id: 'gemini-2.5-flash', desc: 'Google Gemini fast summarizer' }
-      ];
-      for (const p of popular) {
-        add(p.id, p.id, p.desc, 'Recommended');
-      }
-
       return items;
     }
 
@@ -3030,13 +3035,13 @@
       const filtered = allItems.filter(item => {
         if (!q) return true;
         if (item.id === '' && ('deterministic'.includes(q) || 'none'.includes(q) || 'empty'.includes(q) || 'heuristic'.includes(q))) return true;
-        return item.id.toLowerCase().includes(q) || item.label.toLowerCase().includes(q) || item.desc.toLowerCase().includes(q);
+        return item.id.toLowerCase().includes(q) || item.label.toLowerCase().includes(q);
       }).slice(0, 150);
 
       combo.matches = filtered.map(item => item.id);
 
       if (!filtered.length) {
-        list.innerHTML = '<li class="combo-empty">No matching model found. The typed model will be used directly.</li>';
+        list.innerHTML = '<li class="combo-empty">No matching model found. The typed model ID will be used directly.</li>';
         return;
       }
 
@@ -3048,8 +3053,7 @@
         const isSelected = item.id === current;
         let badgeClass = 'badge outline';
         if (item.category === 'Deterministic') badgeClass = 'badge ok';
-        else if (item.category === 'Slot Aliases') badgeClass = 'badge accent';
-        else if (item.category === 'Profile Models') badgeClass = 'badge';
+        else if (item.category === 'Upstream Model') badgeClass = 'badge';
 
         const cut = item.id.lastIndexOf('/') + 1;
         const prefix = cut ? `<span class="pfx">${markMatch(item.id.slice(0, cut), q)}</span>` : '';
@@ -3098,7 +3102,6 @@
       updateWindowNotes();
       if (input.id === 'idle-compact-model') {
         saveIdleCompact();
-        updateCompactModelPresets(model);
       }
     }