✨ feat: fetch model list on client

src/app/settings/llm/Ollama/index.tsx

@@ -18,12 +18,12 @@ const OllamaProvider = memo(() => {
         label: t('llm.checker.title'),
         minWidth: undefined,
       }}
+      modelList={{ showModelFetcher: true }}
       provider={ModelProvider.Ollama}
       showApiKey={false}
       showBrowserRequest
       showEndpoint
       title={<Ollama.Combine size={24} />}
-      // modelList={{ showModelFetcher: true }}
     />
   );
 });

src/libs/agent-runtime/ollama/index.ts

@@ -4,6 +4,7 @@
 
 import { OpenAIChatMessage } from '@/libs/agent-runtime';
 import { OllamaStream } from '@/libs/agent-runtime/ollama/stream';
+import { ChatModelCard } from '@/types/llm';
 
 import { LobeRuntimeAI } from '../BaseAI';
 import { AgentRuntimeErrorType } from '../error';
@@ -64,12 +65,12 @@
     }
   }
 
-  // async models(): Promise<ChatModelCard[]> {
-  //   const list = await this.client.list();
-  //   return list.models.map((model) => ({
-  //     id: model.name,
-  //   }));
-  // }
+  async models(): Promise<ChatModelCard[]> {
+    const list = await this.client.list();
+    return list.models.map((model) => ({
+      id: model.name,
+    }));
+  }
 
   private buildOllamaMessages(messages: OpenAIChatMessage[]) {
     return messages.map((message) => this.convertContentToOllamaMessage(message));

src/services/models.ts

@@ -1,7 +1,10 @@
 import { createHeaderWithAuth } from '@/services/_auth';
+import { useGlobalStore } from '@/store/global';
+import { modelConfigSelectors } from '@/store/global/selectors';
 import { ChatModelCard } from '@/types/llm';
 
 import { API_ENDPOINTS } from './_url';
+import { initializeWithClientStore } from './chat';
 
 class ModelsService {
   getChatModels = async (provider: string): Promise<ChatModelCard[] | undefined> => {
@@ -10,6 +13,17 @@ class ModelsService {
       provider,
     });
     try {
+      /**
+       * Use browser agent runtime
+       */
+      const enableFetchOnClient = modelConfigSelectors.isProviderFetchOnClient(provider)(
+        useGlobalStore.getState(),
+      );
+      if (enableFetchOnClient) {
+        const agentRuntime = await initializeWithClientStore(provider, {});
+        return agentRuntime.models();
+      }
+
       const res = await fetch(API_ENDPOINTS.chatModels(provider), { headers });
       if (!res.ok) return;