feat(copilot): add LiteLLM model support

Author: Aditya Puranik

apps/sim/app/api/copilot/chat/route.ts

@@ -41,7 +41,7 @@ const ChatMessageSchema = z.object({
   userMessageId: z.string().optional(), // ID from frontend for the user message
   chatId: z.string().optional(),
   workflowId: z.string().min(1, 'Workflow ID is required'),
-  model: z.enum(COPILOT_MODEL_IDS).optional().default('claude-4.5-opus'),
+model: z.enum(COPILOT_MODEL_IDS).optional().default('claude-4.5-opus'),
   mode: z.enum(COPILOT_REQUEST_MODES).optional().default('agent'),
   prefetch: z.boolean().optional(),
   createNewChat: z.boolean().optional().default(false),

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/user-input/constants.ts

@@ -241,6 +241,7 @@ export const MODEL_OPTIONS = [
   { value: 'gpt-5.2-codex', label: 'GPT 5.2 Codex' },
   { value: 'gpt-5.2-pro', label: 'GPT 5.2 Pro' },
   { value: 'gemini-3-pro', label: 'Gemini 3 Pro' },
+  { value: 'litellm', label: 'LiteLLM' },
 ] as const
 
 /**

apps/sim/components/icons.tsx

@@ -3683,14 +3683,9 @@ export function LiteLLMIcon(props: SVGProps<SVGSVGElement>) {
   return (
     <svg {...props} viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
       <title>LiteLLM</title>
-      <path
-        d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'
-        stroke='#10B981'
-        strokeWidth='2'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        fill='none'
-      />
+      <text x='12' y='17' fontSize='16' textAnchor='middle' dominantBaseline='middle'>
+        🚅
+      </text>
     </svg>
   )
 }

apps/sim/lib/copilot/api.ts

@@ -66,7 +66,7 @@ export interface SendMessageRequest {
   userMessageId?: string // ID from frontend for the user message
   chatId?: string
   workflowId?: string
-  mode?: CopilotMode | CopilotTransportMode
+mode?: CopilotMode | CopilotTransportMode
   model?: CopilotModelId
   prefetch?: boolean
   createNewChat?: boolean

apps/sim/lib/copilot/config.ts

@@ -19,6 +19,7 @@ const VALID_PROVIDER_IDS: readonly ProviderId[] = [
   'mistral',
   'groq',
   'ollama',
+  'litellm',
 ] as const
 
 /**

apps/sim/lib/copilot/models.ts

@@ -21,6 +21,7 @@ export const COPILOT_MODEL_IDS = [
   'claude-4.5-opus',
   'claude-4.1-opus',
   'gemini-3-pro',
+  'litellm',
 ] as const
 
 export type CopilotModelId = (typeof COPILOT_MODEL_IDS)[number]

apps/sim/providers/utils.ts

@@ -170,7 +170,10 @@ export function getProviderFromModel(model: string): ProviderId {
 
   let providerId: ProviderId | null = null
 
-  if (normalizedModel in getAllModelProviders()) {
+  // Check if the model is actually a provider ID (e.g., "litellm" from copilot selector)
+  if (normalizedModel in providers) {
+    providerId = normalizedModel as ProviderId
+  } else if (normalizedModel in getAllModelProviders()) {
     providerId = getAllModelProviders()[normalizedModel]
   } else {
     for (const [id, config] of Object.entries(providers)) {