Bump version and add model selection persistence with active item highlighting

Author: robertpiosik

apps/editor/package.json

@@ -2,7 +2,7 @@
   "name": "gemini-coder",
   "displayName": "Code Web Chat",
   "description": "Free AI coding in chatbots (CWC)",
-  "version": "1.833.0",
+  "version": "1.834.0",
   "scripts": {
     "build": "npx vsce package --no-dependencies",
     "vscode:prepublish": "rimraf out && npm run compile",

apps/editor/src/views/panel/backend/message-handlers/handle-pick-model.ts

@@ -11,23 +11,23 @@ export const handle_pick_model = async (
   message: PickModelMessage
 ): Promise<void> => {
   try {
-    let items: vscode.QuickPickItem[] = []
+    let items: (vscode.QuickPickItem & { model_id: string })[] = []
 
     if (message.chatbot_name == 'OpenRouter') {
       const response = await axios.get('https://openrouter.ai/api/v1/models')
       const models = response.data.data
 
       items = models.map((model: any) => ({
         label: model.name,
-        description: model.id,
-        detail: model.description
+        model_id: model.id
       }))
     } else {
       const chatbot_config =
         CHATBOTS[message.chatbot_name as keyof typeof CHATBOTS]
       if (chatbot_config && chatbot_config.models) {
         items = Object.entries(chatbot_config.models).map(([id, data]) => ({
-          label: (data as any).label || id
+          label: (data as any).label || id,
+          model_id: id
         }))
       }
     }
@@ -36,6 +36,14 @@ export const handle_pick_model = async (
     quick_pick.items = items
     quick_pick.title = 'Models'
     quick_pick.placeholder = 'Choose a model'
+
+    if (message.current_model_id) {
+      const active_item = items.find(
+        (i) => i.model_id === message.current_model_id
+      )
+      if (active_item) quick_pick.activeItems = [active_item]
+    }
+
     quick_pick.buttons = [
       {
         iconPath: new vscode.ThemeIcon('close'),
@@ -51,11 +59,11 @@ export const handle_pick_model = async (
 
     return new Promise<void>((resolve) => {
       quick_pick.onDidAccept(() => {
-        const selected = quick_pick.selectedItems[0]
+        const selected = quick_pick.selectedItems[0] as any
         if (selected) {
           panel_provider.send_message({
             command: 'NEWLY_PICKED_MODEL',
-            model_id: selected.description!
+            model_id: selected.model_id
           })
         }
         quick_pick.hide()

apps/editor/src/views/panel/frontend/Panel.tsx

@@ -525,10 +525,11 @@ export const Panel = () => {
               <EditPresetForm
                 preset={updating_preset}
                 on_update={set_updated_preset}
-                pick_model={(chatbot_name) => {
+                pick_model={(chatbot_name, current_model_id) => {
                   post_message(vscode, {
                     command: 'PICK_MODEL',
-                    chatbot_name
+                    chatbot_name,
+                    current_model_id
                   })
                 }}
                 pick_chatbot={(chatbot_id) => {

apps/editor/src/views/panel/frontend/components/edit-preset-form/EditPresetForm/EditPresetForm.tsx

@@ -17,7 +17,7 @@ import { Fieldset } from '@ui/components/editor/panel/Fieldset'
 type Props = {
   preset: Preset
   on_update: (updated_preset: Preset) => void
-  pick_model: (chatbot_name: string) => void
+  pick_model: (chatbot_name: string, current_model_id?: string) => void
   pick_chatbot: (chatbot_id?: keyof typeof CHATBOTS) => void
   on_at_sign_in_affix: () => void
 }
@@ -256,7 +256,7 @@ export const EditPresetForm: React.FC<Props> = (props) => {
                 onClick={(e) => {
                   e.stopPropagation()
                   if (chatbot) {
-                    props.pick_model(chatbot)
+                    props.pick_model(chatbot, model)
                   }
                 }}
               >

apps/editor/src/views/panel/types/messages.ts

@@ -198,6 +198,7 @@ export interface CaretPositionChangedWebviewMessage extends BaseMessage {
 export interface PickModelMessage extends BaseMessage {
   command: 'PICK_MODEL'
   chatbot_name: string
+  current_model_id?: string
 }
 
 export interface PickChatbotMessage extends BaseMessage {