20 replies

Agent Component with OpenRouter

Goal: Add Agent Component to my web and React Native app with Expo
Subgoal: I want the user to be able to switch models easily (hence OpenRouter)

I had this working with Convex without the Agent Component, but I wanted to switch to using the Agent Component.

1. Is there no need for an API key, even for OpenAI integration? I do not see in the docs or video tutorials (like here https://www.youtube.com/watch?v=tUKMPUlOCHY&t=308s) where an API key is used. I imagine it is in an environment variable, but I just did not see it in the docs or video.
2. Is OpenRouter not supported? It looks like the Agent Component expects LanguageModelV1 for chatchat and createOpenRouter({apiKey: ...})createOpenRouter({apiKey: ...}) gives a type of OpenRouterChatLanguageModel which is apparently v2.

Here is the current code in my convex directory and the error on chatchat

import { Agent } from "@convex-dev/agent"
import { createOpenRouter } from "@openrouter/ai-sdk-provider"
import { components } from "./_generated/api"
import { LanguageModelV1 } from "ai"

const openrouter = createOpenRouter({
  apiKey: process.env.OPENROUTER_API_KEY,
  baseURL: process.env.OPENROUTER_BASE_URL,
})

const chatAgent = new Agent(components.agent, {
  name: "chat-agent",
  chat: openrouter.chat("google/gemini-2.0-flash-001")
})

import { Agent } from "@convex-dev/agent"
import { createOpenRouter } from "@openrouter/ai-sdk-provider"
import { components } from "./_generated/api"
import { LanguageModelV1 } from "ai"

const openrouter = createOpenRouter({
  apiKey: process.env.OPENROUTER_API_KEY,
  baseURL: process.env.OPENROUTER_BASE_URL,
})

const chatAgent = new Agent(components.agent, {
  name: "chat-agent",
  chat: openrouter.chat("google/gemini-2.0-flash-001")
})

process.env.OPENROUTER_BASE_URLprocess.env.OPENROUTER_BASE_URL is https://openrouter.ai/api/v1

Below is the actual type error

Type 'OpenRouterChatLanguageModel' is not assignable to type 'LanguageModelV1'.
  Types of property 'specificationVersion' are incompatible.
    Type '"v2"' is not assignable to type '"v1"'.ts(2322)

Type 'OpenRouterChatLanguageModel' is not assignable to type 'LanguageModelV1'.
  Types of property 'specificationVersion' are incompatible.
    Type '"v2"' is not assignable to type '"v1"'.ts(2322)

YouTubeConvex

Powerful AI Apps Made Easy with the Agent Component

If you’re a developer looking to build full-stack AI apps without dealing with messy orchestration, this video is your shortcut. Learn how to integrate the open-source Agent Component from Convex into your project to build real-time, intelligent chat interfaces powered by LLMs like GPT-4.1 mini. All in TypeScript.

Resources
- Agent component ...

OpenRouter

The unified interface for LLMs. Find the best models & prices for your prompts

Convex Community•15mo ago•

20 replies

mchisolm0

Agent Component with OpenRouter

import { Agent } from "@convex-dev/agent"
import { createOpenRouter } from "@openrouter/ai-sdk-provider"
import { components } from "./_generated/api"
import { LanguageModelV1 } from "ai"

const openrouter = createOpenRouter({
  apiKey: process.env.OPENROUTER_API_KEY,
  baseURL: process.env.OPENROUTER_BASE_URL,
})

const chatAgent = new Agent(components.agent, {
  name: "chat-agent",
  chat: openrouter.chat("google/gemini-2.0-flash-001")
})

import { Agent } from "@convex-dev/agent"
import { createOpenRouter } from "@openrouter/ai-sdk-provider"
import { components } from "./_generated/api"
import { LanguageModelV1 } from "ai"

const openrouter = createOpenRouter({
  apiKey: process.env.OPENROUTER_API_KEY,
  baseURL: process.env.OPENROUTER_BASE_URL,
})

const chatAgent = new Agent(components.agent, {
  name: "chat-agent",
  chat: openrouter.chat("google/gemini-2.0-flash-001")
})

process.env.OPENROUTER_BASE_URLprocess.env.OPENROUTER_BASE_URL is https://openrouter.ai/api/v1

Below is the actual type error

Type 'OpenRouterChatLanguageModel' is not assignable to type 'LanguageModelV1'.
  Types of property 'specificationVersion' are incompatible.
    Type '"v2"' is not assignable to type '"v1"'.ts(2322)

Type 'OpenRouterChatLanguageModel' is not assignable to type 'LanguageModelV1'.
  Types of property 'specificationVersion' are incompatible.
    Type '"v2"' is not assignable to type '"v1"'.ts(2322)

YouTubeConvex

Powerful AI Apps Made Easy with the Agent Component

OpenRouter

The unified interface for LLMs. Find the best models & prices for your prompts

Continue the conversation

Join the Discord to ask follow-up questions and connect with the community

Convex Community

Where Convex builders ask questions, share what they're building.

16,722 Members

Join

Agent Component with OpenRouter

Agent Component with OpenRouter

Continue the conversation

Convex Community

Continue the conversation

Convex Community

Similar Threads