:gem: [Feature] Auto trigger model select in agent info

configs/agents.json

@@ -12,22 +12,22 @@
     {
         "name": "总结",
         "description": "文本总结",
-        "model": "openchat-3.5",
+        "model": "nous-mixtral-8x7b",
         "system_prompt": "请用中文总结下面的文本：",
         "need_protect": false
     },
     {
         "name": "翻译",
         "description": "文本翻译",
-        "model": "openchat-3.5",
+        "model": "nous-mixtral-8x7b",
         "system_prompt": "请用中文翻译下面的文本：",
         "need_protect": false
     },
     {
         "name": "搜索",
         "description": "网页搜索",
-        "model": "openchat-3.5",
+        "model": "nous-mixtral-8x7b",
         "system_prompt": "请根据下列内容搜索网页：",
         "need_protect": false
     }
-]
+]

widgets/agent_info_widget.js

@@ -42,27 +42,40 @@ export class AgentInfoWidget {
     create_name_widget() {
         this.widget.find(`#${this.name_widget_id}`).val(this.agent.name);
     }
-    create_model_widget() {
-        this.model_widget = new AvailableModelsSelectWidget({
-            widget_id: this.model_widget_id,
-        });
-        let model_widget_parent = this.widget.find(`#${this.model_widget_id}`);
+    update_model_widget() {
         let model_select = this.widget.find(`#${this.model_widget_id}-select`);
         let agent_model = this.agent.model;
+        let agent_name = this.agent.name;
         let model_matched = false;
         model_select.find("option").each(function () {
             let option_model = $(this).val().split("|")[1];
-            console.log("option_model:", option_model);
             if (option_model === agent_model) {
                 model_select.val($(this).val());
                 model_matched = true;
+                console.log(
+                    `Model matched [${agent_model}] for agent [${agent_name}].`
+                );
+                return false;
             }
         });
         if (!model_matched) {
-            console.log("No model matched for:", agent_model);
+            let default_model = model_select.find("option:first").val();
+            model_select.val(default_model);
+            console.log(
+                `No model matched [${agent_model}] for agent [${agent_name}].`
+            );
         }
-
+    }
+    create_model_widget() {
+        this.model_widget = new AvailableModelsSelectWidget({
+            widget_id: this.model_widget_id,
+        });
+        let model_widget_parent = this.widget.find(`#${this.model_widget_id}`);
         this.model_widget.spawn_in_parent(model_widget_parent, "prepend");
+        this.update_model_widget();
+        $(document).on("available_models_select:change", () => {
+            this.update_model_widget();
+        });
     }
     create_system_prompt_widget() {
         this.widget

widgets/available_models_select_widget.js

@@ -33,6 +33,7 @@ export class AvailableModelsSelectWidget {
             for (let mutation of mutationsList) {
                 if (mutation.type === "childList") {
                     this.update_select_options();
+                    $(document).trigger("available_models_select:change");
                 }
             }
         });