feat: Add support for Google AI (Gemini) as a custom model provider

src/components/Common/ProviderIcon.tsx

@@ -7,6 +7,7 @@ import { OpenAiIcon } from "../Icons/OpenAI"
 import { TogtherMonoIcon } from "../Icons/Togther"
 import { OpenRouterIcon } from "../Icons/OpenRouter"
 import { LLamaFile } from "../Icons/Llamafile"
+import { GeminiIcon } from "../Icons/GeminiIcon"
 
 export const ProviderIcons = ({
   provider,
@@ -34,6 +35,8 @@ export const ProviderIcons = ({
       return <OpenRouterIcon className={className} />
     case "llamafile":
       return <LLamaFile className={className} />
+    case "gemini":
+      return <GeminiIcon className={className} />
     default:
       return <OllamaIcon className={className} />
   }

src/components/Icons/GeminiIcon.tsx

@@ -0,0 +1,18 @@
+import React from "react"
+
+export const GeminiIcon = React.forwardRef<
+  SVGSVGElement,
+  React.SVGProps<SVGSVGElement>
+>((props, ref) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      ref={ref}
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}>
+      <path d="M12 24A14.304 14.304 0 000 12 14.304 14.304 0 0012 0a14.305 14.305 0 0012 12 14.305 14.305 0 00-12 12"></path>
+    </svg>
+  )
+})

src/models/ChatGoogleAI.ts

@@ -0,0 +1,11 @@
+import { ChatOpenAI } from "@langchain/openai";
+
+export class ChatGoogleAI extends ChatOpenAI {
+
+    frequencyPenalty: number = undefined;
+    presencePenalty: number = undefined;
+
+    static lc_name() {
+        return "ChatGoogleAI";
+    }
+}

src/models/index.ts

@@ -4,6 +4,7 @@ import { ChatOllama } from "./ChatOllama"
 import { getOpenAIConfigById } from "@/db/openai"
 import { ChatOpenAI } from "@langchain/openai"
 import { urlRewriteRuntime } from "@/libs/runtime"
+import { ChatGoogleAI } from "./ChatGoogleAI"
 
 export const pageAssistModel = async ({
   model,
@@ -30,18 +31,15 @@ export const pageAssistModel = async ({
   numPredict?: number
   useMMap?: boolean
 }) => {
-
   if (model === "chrome::gemini-nano::page-assist") {
     return new ChatChromeAI({
       temperature,
-      topK,
+      topK
     })
   }
 
-
   const isCustom = isCustomModel(model)
 
-
   if (isCustom) {
     const modelInfo = await getModelInfo(model)
     const providerInfo = await getOpenAIConfigById(modelInfo.provider_id)
@@ -50,6 +48,20 @@ export const pageAssistModel = async ({
       await urlRewriteRuntime(providerInfo.baseUrl || "")
     }
 
+    if (providerInfo.provider === "gemini") {
+      return new ChatGoogleAI({
+        modelName: modelInfo.model_id,
+        openAIApiKey: providerInfo.apiKey || "temp",
+        temperature,
+        topP,
+        maxTokens: numPredict,
+        configuration: {
+          apiKey: providerInfo.apiKey || "temp",
+          baseURL: providerInfo.baseUrl || ""
+        }
+      }) as any
+    }
+
     return new ChatOpenAI({
       modelName: modelInfo.model_id,
       openAIApiKey: providerInfo.apiKey || "temp",
@@ -58,13 +70,11 @@ export const pageAssistModel = async ({
       maxTokens: numPredict,
       configuration: {
         apiKey: providerInfo.apiKey || "temp",
-        baseURL: providerInfo.baseUrl || "",
-      },
+        baseURL: providerInfo.baseUrl || ""
+      }
     }) as any
   }
 
-
-
   return new ChatOllama({
     baseUrl,
     keepAlive,
@@ -76,9 +86,6 @@ export const pageAssistModel = async ({
     model,
     numGpu,
     numPredict,
-    useMMap,
+    useMMap
   })
-
-
-
 }

src/utils/oai-api-providers.ts

@@ -44,5 +44,9 @@ export const OAI_API_PROVIDERS = [
         value: "openrouter",
         baseUrl: "https://openrouter.ai/api/v1"
     },
-   
+    {
+        label: "Google AI",
+        value: "gemini",
+        baseUrl: "https://generativelanguage.googleapis.com/v1beta/openai"
+    }
 ]