Merge pull request #51 from Gerome-Elassaad/add-open-router

Add open router

Author: Gerome-Elassaad

components/chat-picker.tsx

@@ -81,10 +81,16 @@ export function ChatPicker({
           </SelectTrigger>
           <SelectContent>
             {Object.entries(
-              Object.groupBy(models, ({ provider }) => provider),
-            ).map(([provider, models]) => (
-              <SelectGroup key={provider}>
-                <SelectLabel>{provider}</SelectLabel>
+              Object.groupBy(models, (model) =>
+                model.providerId === 'openrouter'
+                  ? 'openrouter'
+                  : model.provider,
+              ),
+            ).map(([groupKey, models]) => (
+              <SelectGroup key={groupKey}>
+                <SelectLabel>
+                  {groupKey === 'openrouter' ? 'OpenRouter' : groupKey}
+                </SelectLabel>
                 {models?.map((model) => (
                   <SelectItem key={model.id} value={model.id}>
                     <div className="flex items-center space-x-2">

lib/auth-provider.tsx

@@ -14,7 +14,7 @@ const AuthContext = createContext<AuthContextType | undefined>(undefined)
 
 export function AuthProvider({ children }: { children: React.ReactNode }) {
   const [authView, setAuthView] = useState<any>('sign_in')
-  const [authDialog, setAuthDialog] = useState(false)
+  const [authDialog, setAuthDialog] = useState(true)
   const { session, loading } = useAuth(setAuthDialog, setAuthView)
 
   return (

lib/models.json

@@ -5,6 +5,7 @@ import { createVertex } from '@ai-sdk/google-vertex'
 import { createMistral } from '@ai-sdk/mistral'
 import { createOpenAI } from '@ai-sdk/openai'
 import { createOllama } from 'ollama-ai-provider'
+import { createOpenRouter } from '@openrouter/ai-sdk-provider'
 
 export type LLMModel = {
   id: string
@@ -86,6 +87,11 @@ export function getModelClient(model: LLMModel, config: LLMModelConfig) {
         apiKey: apiKey || process.env.DEEPSEEK_API_KEY,
         baseURL: baseURL || 'https://api.deepseek.com/v1',
       })(modelNameString),
+    openrouter: () =>
+      createOpenRouter({
+        apiKey: apiKey || process.env.OPENROUTER_API_KEY,
+        baseURL: baseURL || 'https://openrouter.ai/api/v1',
+      })(modelNameString),
   }
 
   const createClient =

lib/models.ts

@@ -23,6 +23,8 @@
     "@hookform/resolvers": "^5.2.2",
     "@monaco-editor/react": "^4.7.0",
     "@nanostores/react": "^1.0.0",
+    "@openrouter/ai-sdk-provider": "^1.2.0",
+    "@opentelemetry/api": "^1.9.0",
     "@posthog/ai": "^6.4.2",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
@@ -100,7 +102,17 @@
       "undici": "^6.21.3",
       "prismjs": "^1.30.0",
       "esbuild": "^0.25.9"
-    }
+    },
+    "onlyBuiltDependencies": [
+      "@parcel/watcher",
+      "@swc/core",
+      "@vercel/speed-insights",
+      "core-js",
+      "esbuild",
+      "protobufjs",
+      "sharp",
+      "unrs-resolver"
+    ]
   },
   "devDependencies": {
     "@swc/cli": "^0.7.8",

package.json

@@ -1,6 +1,5 @@
 packages:
   - '.'
-  - 'apps/*'
 
 onlyBuiltDependencies:
   - '@swc/core'