+ {config.chatModelProviders && (
+
+
+ Chat model Provider
+
+
+
+ )}
+ {selectedChatModelProvider &&
+ selectedChatModelProvider != 'custom_openai' && (
+
+
Chat Model
+
+
+ )}
+ {selectedChatModelProvider &&
+ selectedChatModelProvider === 'custom_openai' && (
+ <>
+
+
Model name
+
+ setSelectedChatModel(e.target.value)
+ }
+ className="bg-[#111111] px-3 py-2 flex items-center overflow-hidden border border-[#1C1C1C] text-white rounded-lg text-sm"
+ />
+
+
+
+ Custom OpenAI API Key (optional)
+
+
+ setCustomOpenAIApiKey(e.target.value)
+ }
+ className="bg-[#111111] px-3 py-2 flex items-center overflow-hidden border border-[#1C1C1C] text-white rounded-lg text-sm"
+ />
+
+
+
+ Custom OpenAI Base URL
+
+
+ setCustomOpenAIBaseURL(e.target.value)
+ }
+ className="bg-[#111111] px-3 py-2 flex items-center overflow-hidden border border-[#1C1C1C] text-white rounded-lg text-sm"
+ />
+
+ >
+ )}
+ {/* Embedding models */}
+ {config.embeddingModelProviders && (
+
+
+ Embedding model Provider
+
+
+
+ )}
+ {selectedEmbeddingModelProvider && (
+
+
Embedding Model
+
+
+ )}
+
+
OpenAI API Key
+
+ setConfig({
+ ...config,
+ openaiApiKey: e.target.value,
+ })
+ }
+ className="bg-[#111111] px-3 py-2 flex items-center overflow-hidden border border-[#1C1C1C] text-white rounded-lg text-sm"
+ />
+
+
+
Ollama API URL
+
+ setConfig({
+ ...config,
+ ollamaApiUrl: e.target.value,
+ })
+ }
+ className="bg-[#111111] px-3 py-2 flex items-center overflow-hidden border border-[#1C1C1C] text-white rounded-lg text-sm"
+ />
+
+
+
GROQ API Key
+
+ setConfig({
+ ...config,
+ groqApiKey: e.target.value,
+ })
+ }
+ className="bg-[#111111] px-3 py-2 flex items-center overflow-hidden border border-[#1C1C1C] text-white rounded-lg text-sm"
+ />
+
+
+ )}
+ {isLoading && (
+