:gem: [Feature] Enable fill-in available models from multiple endpoints

components/buttons_binder.js

@@ -7,7 +7,6 @@ import {
     get_selected_llm_model,
     create_messager,
 } from "./chat_operator.js";
-import { setup_available_models_on_select } from "./llm_models_loader.js";
 
 import { screen_scroller } from "./screen_scroller.js";
 import { chat_history_storer } from "../networks/chat_history_storer.js";
@@ -248,7 +247,7 @@ class AvailableModelsSelectBinder {
         const select = $("#available-models-select");
         select.change(() => {
             console.log(select.val());
-            localStorage.setItem("default_model", select.val());
+            endpoint_storage.db.default_model = select.val();
         });
     }
 }

components/llm_models_loader.js

@@ -1,32 +1,3 @@
-import {
-    available_models,
-    AvailableModelsRequester,
-} from "../networks/llm_requester.js";
-
-export async function setup_available_models_on_select(default_option = null) {
-    var select = $("#available-models-select");
-    select.empty();
-    let available_models_requester = new AvailableModelsRequester();
-    await available_models_requester.get();
-    available_models.forEach((value, index) => {
-        const option = new Option(value, value);
-        select.append(option);
-    });
-    let default_model = "";
-    let local_default_model = localStorage.getItem("default_model");
-    if (local_default_model && available_models.includes(local_default_model)) {
-        default_model = local_default_model;
-    } else if (available_models) {
-        default_model = available_models[0];
-        localStorage.setItem("default_model", default_model);
-    } else {
-        default_model = "";
-    }
-
-    select.val(default_model);
-    console.log(`default_model: ${select.val()}`);
-}
-
 export async function setup_temperature_on_select(default_option = null) {
     var select = $("#temperature-select");
     select.empty();

networks/endpoint_storage.js

@@ -1,9 +1,15 @@
+import {
+    available_models,
+    AvailableModelsRequester,
+} from "../networks/llm_requester.js";
+
 class EndpointStorageItem {}
 
 class EndpointStorage {
     constructor() {
         this.init_database();
         this.render_endpoint_and_api_key_items();
+        this.fill_available_models_select();
     }
     init_database() {
         this.db = new Dexie("endpoints");
@@ -99,6 +105,44 @@ class EndpointStorage {
             }
         });
     }
+    fill_available_models_select() {
+        var select = $("#available-models-select");
+        select.empty();
+
+        // for loop the endpoints in endpoint_storage.db.endpoints
+        this.db.endpoints.toArray().then(async (entries) => {
+            for (const entry of entries) {
+                let endpoint = entry.endpoint;
+                console.log("fetch available models for endpoint:", endpoint);
+                let available_models_requester = new AvailableModelsRequester(
+                    endpoint
+                );
+                await available_models_requester.get();
+            }
+            available_models.forEach((value, index) => {
+                const option = new Option(value, value);
+                select.append(option);
+            });
+        });
+
+        // set default model
+        let default_model = "";
+        let local_default_model = endpoint_storage.db.default_model;
+        if (
+            local_default_model &&
+            available_models.includes(local_default_model)
+        ) {
+            default_model = local_default_model;
+        } else if (available_models) {
+            default_model = available_models[0];
+            endpoint_storage.db.default_model = default_model;
+        } else {
+            default_model = "";
+        }
+
+        select.val(default_model);
+        console.log(`default_model: ${select.val()}`);
+    }
     render_endpoint_and_api_key_items() {
         this.create_endpoint_and_api_key_items();
         this.bind_endpoint_and_api_key_buttons();

networks/llm_requester.js

@@ -100,9 +100,8 @@ export class ChatCompletionsRequester {
 
 export var available_models = ["notes"];
 export class AvailableModelsRequester {
-    constructor(openai_endpoint = null) {
-        this.openai_endpoint =
-            openai_endpoint || localStorage.getItem("openai_endpoint");
+    constructor(openai_endpoint) {
+        this.openai_endpoint = openai_endpoint;
         this.backend_request_endpoint = "/models";
         this.controller = new AbortController();
     }