feat: add Google and Groq SDKs, update model configurations

- Integrated @ai-sdk/google and @ai-sdk/groq as dependencies in the project.
- Updated providers to include Google and Groq models with relevant configurations.
- Modified the ModelPicker component to support new model options for Google and Groq.

ai/providers.ts

@@ -1,6 +1,8 @@
 import { xai } from "@ai-sdk/xai";
 import { openai } from "@ai-sdk/openai";
-import { customProvider } from "ai";
+import { google } from "@ai-sdk/google";
+import { groq } from "@ai-sdk/groq";
+import { customProvider, wrapLanguageModel, extractReasoningMiddleware } from "ai";
 
 export interface ModelInfo {
   provider: string;
@@ -10,28 +12,40 @@ export interface ModelInfo {
   capabilities: string[];
 }
 
+const middleware = extractReasoningMiddleware({
+  tagName: 'reasoning',
+  separator: '\n',
+});
+
 const languageModels = {
-  "grok-3": xai("grok-3-latest"),
-  "grok-3-mini": xai("grok-3-mini-fast-latest"),
+  // "grok-3": xai("grok-3-latest"),
+  // "grok-3-mini": xai("grok-3-mini-fast-latest"),
   "gpt-4.1-mini": openai("gpt-4.1-mini"),
   "gpt-4.1-nano": openai("gpt-4.1-nano"),
+  "gemini-2-flash": google("gemini-2.0-flash-001"),
+  "qwen-qwq": wrapLanguageModel(
+    {
+      model: groq("qwen-qwq-32b"), 
+      middleware
+    }
+  )
 };
 
 export const modelDetails: Record<keyof typeof languageModels, ModelInfo> = {
-  "grok-3": {
-    provider: "xAI",
-    name: "Grok-3",
-    description: "Latest version of xAI's flagship model with strong reasoning and coding capabilities.",
-    apiVersion: "grok-3-latest",
-    capabilities: ["Balance", "Efficient", "Agentic"]
-  },
-  "grok-3-mini": {
-    provider: "xAI",
-    name: "Grok-3 Mini",
-    description: "Fast, efficient and smaller xAI model with reasoning capabilities.",
-    apiVersion: "grok-3-mini-fast-latest",
-    capabilities: ["Fast","Reasoning", "Efficient"]
-  },
+  // "grok-3": {
+  //   provider: "xAI",
+  //   name: "Grok-3",
+  //   description: "Latest version of xAI's flagship model with strong reasoning and coding capabilities.",
+  //   apiVersion: "grok-3-latest",
+  //   capabilities: ["Balance", "Efficient", "Agentic"]
+  // },
+  // "grok-3-mini": {
+  //   provider: "xAI",
+  //   name: "Grok-3 Mini",
+  //   description: "Fast, efficient and smaller xAI model with reasoning capabilities.",
+  //   apiVersion: "grok-3-mini-fast-latest",
+  //   capabilities: ["Fast","Reasoning", "Efficient"]
+  // },
   "gpt-4.1-mini": {
     provider: "OpenAI",
     name: "GPT-4.1 Mini",
@@ -45,7 +59,21 @@ export const modelDetails: Record<keyof typeof languageModels, ModelInfo> = {
     description: "Smallest and fastest GPT-4.1 variant designed for efficient rapid responses.",
     apiVersion: "gpt-4.1-nano",
     capabilities: ["Rapid", "Compact", "Efficient", "Vision"]
+  },  
+  "gemini-2-flash": {
+    provider: "Google",
+    name: "Gemini 2 Flash",
+    description: "Latest version of Google's Gemini 2 with strong reasoning and coding capabilities.",
+    apiVersion: "gemini-2-flash",
+    capabilities: ["Balance", "Efficient", "Agentic"]
   },
+  "qwen-qwq": {
+    provider: "Groq",
+    name: "Qwen QWQ",
+    description: "Latest version of Alibaba's Qwen QWQ with strong reasoning and coding capabilities.",
+    apiVersion: "qwen-qwq",
+    capabilities: ["Reasoning", "Efficient", "Agentic"]
+  }
 };
 
 export const model = customProvider({
@@ -56,4 +84,4 @@ export type modelID = keyof typeof languageModels;
 
 export const MODELS = Object.keys(languageModels);
 
-export const defaultModel: modelID = "grok-3-mini";
+export const defaultModel: modelID = "qwen-qwq";

components/model-picker.tsx

@@ -38,6 +38,10 @@ export const ModelPicker = ({ selectedModel, setSelectedModel }: ModelPickerProp
         return <Sparkles className="h-3 w-3 text-yellow-500" />;
       case 'openai':
         return <Zap className="h-3 w-3 text-green-500" />;
+      case 'google':
+        return <Zap className="h-3 w-3 text-red-500" />;
+      case 'groq':
+        return <Sparkles className="h-3 w-3 text-blue-500" />;
       default:
         return <Info className="h-3 w-3 text-blue-500" />;
     }

package.json

@@ -13,6 +13,8 @@
     "db:studio": "drizzle-kit studio"
   },
   "dependencies": {
+    "@ai-sdk/google": "^1.2.12",
+    "@ai-sdk/groq": "^1.2.8",
     "@ai-sdk/openai": "^1.3.16",
     "@ai-sdk/react": "^1.2.9",
     "@ai-sdk/xai": "^1.2.13",

pnpm-lock.yaml

@@ -8,6 +8,12 @@ importers:
 
   .:
     dependencies:
+      '@ai-sdk/google':
+        specifier: ^1.2.12
+        version: 1.2.12([email protected])
+      '@ai-sdk/groq':
+        specifier: ^1.2.8
+        version: 1.2.8([email protected])
       '@ai-sdk/openai':
         specifier: ^1.3.16
         version: 1.3.16([email protected])
@@ -189,6 +195,18 @@ importers:
 
 packages:
 
+  '@ai-sdk/[email protected]':
+    resolution: {integrity: sha512-A8AYqCmBs9SJFiAOP6AX0YEDHWTDrCaUDiRY2cdMSKjJiEknvwnPrAAKf3idgVqYaM2kS0qWz5v9v4pBzXDx+w==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+
+  '@ai-sdk/[email protected]':
+    resolution: {integrity: sha512-DRq0b4twVUh52DFnIhVC4F14Po8w+76sCdigMRRIcAiSmGRr9I3Vyot36tun1q4tBZMYSvQUss60W3eiaoa6mg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+
   '@ai-sdk/[email protected]':
     resolution: {integrity: sha512-56U0uNCcFTygA4h6R/uREv8r5sKA3/pGkpIAnMOpRzs5wiARlTYakWW3LZgxg6D4Gpeswo4gwNJczB7nM0K1Qg==}
     engines: {node: '>=18'}
@@ -4474,6 +4492,18 @@ packages:
 
 snapshots:
 
+  '@ai-sdk/[email protected]([email protected])':
+    dependencies:
+      '@ai-sdk/provider': 1.1.3
+      '@ai-sdk/provider-utils': 2.2.7([email protected])
+      zod: 3.24.2
+
+  '@ai-sdk/[email protected]([email protected])':
+    dependencies:
+      '@ai-sdk/provider': 1.1.3
+      '@ai-sdk/provider-utils': 2.2.7([email protected])
+      zod: 3.24.2
+
   '@ai-sdk/[email protected]([email protected])':
     dependencies:
       '@ai-sdk/provider': 1.1.3