fix(byok): filter non-chat models, add verified/recommended badges, clean model list

Author: simpaticohr

backend/simpatico-ats.js

@@ -7251,18 +7251,45 @@ async function handleBYOKValidate(request, env, ctx) {
         });
       }
       const data = await res.json();
+      // Only include models that work with the OpenAI-compatible chat endpoint
+      // Exclude: gemma (local models), embedding, AQA, imagen, preview/experimental builds
+      const GEMINI_CHAT_VERIFIED = [
+        "gemini-2.5-flash", "gemini-2.5-pro",
+        "gemini-2.0-flash", "gemini-2.0-flash-lite",
+        "gemini-1.5-flash", "gemini-1.5-pro",
+      ];
       models = (data.models || [])
-        .filter(m => m.supportedGenerationMethods && m.supportedGenerationMethods.includes("generateContent"))
+        .filter(m => {
+          if (!m.supportedGenerationMethods || !m.supportedGenerationMethods.includes("generateContent")) return false;
+          const mid = m.name ? m.name.replace("models/", "") : "";
+          // Must start with "gemini-" (exclude gemma, embedding, imagen, etc.)
+          if (!mid.startsWith("gemini-")) return false;
+          // Exclude preview/experimental builds (contain "-preview-" or end with "-preview")
+          if (mid.includes("-preview")) return false;
+          // Exclude numbered snapshot builds (e.g. gemini-2.0-flash-001)
+          if (/\d{3}$/.test(mid)) return false;
+          // Exclude "-latest" aliases (redundant with the base model)
+          if (mid.endsWith("-latest")) return false;
+          return true;
+        })
         .map(m => {
           const mid = m.name ? m.name.replace("models/", "") : m.name;
+          const isVerified = GEMINI_CHAT_VERIFIED.includes(mid);
           return {
-            id: mid, name: m.displayName || mid,
+            id: mid,
+            name: m.displayName || mid,
             context_window: m.inputTokenLimit || null,
             output_limit: m.outputTokenLimit || null,
             recommended: (RECOMMENDED.gemini || []).includes(mid),
+            verified: isVerified,
           };
         })
-        .sort((a, b) => (b.recommended ? 1 : 0) - (a.recommended ? 1 : 0));
+        .sort((a, b) => {
+          // Sort: recommended first, then verified, then alphabetical
+          if (a.recommended !== b.recommended) return b.recommended ? 1 : -1;
+          if (a.verified !== b.verified) return b.verified ? 1 : -1;
+          return a.id.localeCompare(b.id);
+        });
 
     } else if (provider === "openai") {
       const oaiUrl = (base_url || "https://api.openai.com/v1") + "/models";

dashboard/hr.html

@@ -1912,9 +1912,12 @@ <h4>Multi-Platform Job Syndication</h4>
                                 _byokModels.forEach(m => {
                                     const opt = document.createElement('option');
                                     opt.value = m.id;
-                                    let label = m.recommended ? '⭐ ' : '   ';
+                                    let label = '';
+                                    if (m.recommended) label += '⭐ ';
+                                    else if (m.verified) label += '✅ ';
+                                    else label += '   ';
                                     label += m.name || m.id;
-                                    if (m.context_window) label += ' (' + (m.context_window / 1000).toFixed(0) + 'k ctx)';
+                                    if (m.context_window) label += ' — ' + (m.context_window / 1000).toFixed(0) + 'k ctx';
                                     opt.textContent = label;
                                     if (m.id === textInput.value) opt.selected = true;
                                     select.appendChild(opt);
@@ -1937,12 +1940,21 @@ <h4>Multi-Platform Job Syndication</h4>
                                     textInput.value = this.value;
                                     const model = _byokModels.find(m => m.id === this.value);
                                     const info = document.getElementById('byokModelInfo');
-                                    if (model && (model.context_window || model.output_limit)) {
+                                    if (model) {
                                         info.style.display = 'block';
                                         let html = '<strong>' + (model.name || model.id) + '</strong>';
                                         if (model.context_window) html += ' — Context: ' + (model.context_window / 1000).toFixed(0) + 'k tokens';
                                         if (model.output_limit) html += ' — Output: ' + (model.output_limit / 1000).toFixed(0) + 'k tokens';
-                                        if (model.recommended) html += ' — <span style="color:#15803d;">✓ Recommended for interviews</span>';
+                                        if (model.recommended) {
+                                            info.style.background = '#f0fdf4'; info.style.borderColor = '#bbf7d0'; info.style.color = '#166534';
+                                            html += '<br>⭐ <strong>Recommended</strong> — Best quality for AI interviews';
+                                        } else if (model.verified) {
+                                            info.style.background = '#eff6ff'; info.style.borderColor = '#bfdbfe'; info.style.color = '#1e40af';
+                                            html += '<br>✅ <strong>Verified</strong> — Works with interview chat API';
+                                        } else {
+                                            info.style.background = '#fffbeb'; info.style.borderColor = '#fde68a'; info.style.color = '#92400e';
+                                            html += '<br>⚠️ <strong>Unverified</strong> — May work but not tested for interviews';
+                                        }
                                         info.innerHTML = html;
                                     } else {
                                         info.style.display = 'none';