feat(ui): add BYOK model customization and grouping

- Add custom naming for BYOK models via 'title' property in settings.json configuration
- Implement BYOK model tag with corresponding badge display
- Update model dropdown UI to include BYOK group
- Remove deprecated Vision group
- Bump version to 1.67.0+5

Author: PriNova

lib/shared/src/models/sync.ts

@@ -413,6 +413,7 @@ function normalizeModelList(models: Model[]): Model[] {
 export interface ChatModelProviderConfig {
     provider: string
     model: string
+    title?: string
     inputTokens?: number
     outputTokens?: number
     apiKey?: string
@@ -452,6 +453,7 @@ function getModelsFromVSCodeConfiguration({
                     options: m.options,
                 },
                 tags: tags,
+                title: m.title,
             })
         }) ?? []
     )

pnpm-lock.yaml

@@ -3,7 +3,7 @@
   "name": "cody-ai",
   "private": true,
   "displayName": "Cody: AI Code Assistant",
-  "version": "1.67.0+4",
+  "version": "1.67.0+5",
   "publisher": "sourcegraph",
   "license": "Apache-2.0",
   "icon": "resources/sourcegraph.png",

vscode/package.json

@@ -336,6 +336,7 @@ const getBadgeText = (model: Model, modelAvailability?: ModelAvailability): stri
         [ModelTag.Recommended]: 'Recommended',
         [ModelTag.Deprecated]: 'Deprecated',
         [ModelTag.Dev]: 'Preview',
+        [ModelTag.BYOK]: 'BYOK',
     }
 
     return model.tags.reduce((text, tag) => text || tagToText[tag] || '', null as string | null)
@@ -384,7 +385,7 @@ const ModelTitleWithIcon: React.FC<{
                         'tw-opacity-75': modelAvailability === 'needs-cody-pro',
                     })}
                 >
-                    {isGeminiFlash2Model(model) ? 'Vision' : modelBadge}
+                    {model.tags.includes(ModelTag.BYOK) ? 'BYOK' : modelBadge}
                 </Badge>
             )}
         </span>
@@ -407,7 +408,7 @@ const ModelUIGroup: Record<string, string> = {
     Speed: 'Faster models',
     Ollama: 'Ollama (Local models)',
     Other: 'Other',
-    Vision: 'Vision',
+    BYOK: 'BYOK',
 }
 
 const getModelDropDownUIGroup = (model: Model): string => {
@@ -417,7 +418,8 @@ const getModelDropDownUIGroup = (model: Model): string => {
     if (model.tags.includes(ModelTag.Balanced)) return ModelUIGroup.Balanced
     if (model.tags.includes(ModelTag.Speed)) return ModelUIGroup.Speed
     if (model.tags.includes(ModelTag.Ollama)) return ModelUIGroup.Ollama
-    if (model.tags.includes(ModelTag.Vision)) return ModelUIGroup.Vision
+    if (model.tags.includes(ModelTag.BYOK)) return ModelUIGroup.BYOK
+    //if (model.tags.includes(ModelTag.Vision)) return ModelUIGroup.Vision
     return ModelUIGroup.Other
 }
 
@@ -428,7 +430,8 @@ const optionByGroup = (
         ModelUIGroup.Power,
         ModelUIGroup.Balanced,
         ModelUIGroup.Speed,
-        ModelUIGroup.Vision,
+        ModelUIGroup.BYOK,
+        //ModelUIGroup.Vision,
         ModelUIGroup.Ollama,
         ModelUIGroup.Other,
     ]