diff --git a/docs/src/theme/ChatModelTabs.js b/docs/src/theme/ChatModelTabs.js index 413af9ea992..d2c8fc0ba2c 100644 --- a/docs/src/theme/ChatModelTabs.js +++ b/docs/src/theme/ChatModelTabs.js @@ -121,7 +121,7 @@ export const CustomDropdown = ({ selectedOption, options, onSelect, modelType }) * @param {ChatModelTabsProps} props - Component props. */ export default function ChatModelTabs(props) { - const [selectedModel, setSelectedModel] = useState("OpenAI"); + const [selectedModel, setSelectedModel] = useState("Groq"); const { openaiParams, anthropicParams, @@ -174,13 +174,20 @@ export default function ChatModelTabs(props) { const llmVarName = customVarName ?? "model"; const tabItems = [ + { + value: "Groq", + label: "Groq", + text: `from langchain_groq import ChatGroq\n\n${llmVarName} = ChatGroq(${groqParamsOrDefault})`, + apiKeyName: "GROQ_API_KEY", + packageName: "langchain-groq", + shouldHide: hideGroq, + }, { value: "OpenAI", label: "OpenAI", text: `from langchain_openai import ChatOpenAI\n\n${llmVarName} = ChatOpenAI(${openAIParamsOrDefault})`, apiKeyName: "OPENAI_API_KEY", packageName: "langchain-openai", - default: true, shouldHide: hideOpenai, }, { @@ -189,7 +196,6 @@ export default function ChatModelTabs(props) { text: `from langchain_anthropic import ChatAnthropic\n\n${llmVarName} = ChatAnthropic(${anthropicParamsOrDefault})`, apiKeyName: "ANTHROPIC_API_KEY", packageName: "langchain-anthropic", - default: false, shouldHide: hideAnthropic, }, { @@ -198,7 +204,6 @@ export default function ChatModelTabs(props) { text: `from langchain_openai import AzureChatOpenAI\n\n${llmVarName} = AzureChatOpenAI(${azureParamsOrDefault})`, apiKeyName: "AZURE_OPENAI_API_KEY", packageName: "langchain-openai", - default: false, shouldHide: hideAzure, }, { @@ -207,7 +212,6 @@ export default function ChatModelTabs(props) { text: `from langchain_google_vertexai import ChatVertexAI\n\n${llmVarName} = ChatVertexAI(${googleParamsOrDefault})`, apiKeyText: "# Ensure your VertexAI credentials are configured", packageName: "langchain-google-vertexai", - default: false, shouldHide: hideGoogle, }, { @@ -216,7 +220,6 @@ export default function ChatModelTabs(props) { text: `from langchain_aws import ChatBedrock\n\n${llmVarName} = ChatBedrock(${awsBedrockParamsOrDefault})`, apiKeyText: "# Ensure your AWS credentials are configured", packageName: "langchain-aws", - default: false, shouldHide: hideAWS, }, { @@ -225,7 +228,6 @@ export default function ChatModelTabs(props) { text: `from langchain_cohere import ChatCohere\n\n${llmVarName} = ChatCohere(${cohereParamsOrDefault})`, apiKeyName: "COHERE_API_KEY", packageName: "langchain-cohere", - default: false, shouldHide: hideCohere, }, { @@ -234,7 +236,6 @@ export default function ChatModelTabs(props) { text: `from langchain_nvidia_ai_endpoints import ChatNVIDIA\n\n${llmVarName} = ChatNVIDIA(${nvidiaParamsOrDefault})`, apiKeyName: "NVIDIA_API_KEY", packageName: "langchain-nvidia-ai-endpoints", - default: false, shouldHide: hideNvidia, }, { @@ -243,25 +244,14 @@ export default function ChatModelTabs(props) { text: `from langchain_fireworks import ChatFireworks\n\n${llmVarName} = ChatFireworks(${fireworksParamsOrDefault})`, apiKeyName: "FIREWORKS_API_KEY", packageName: "langchain-fireworks", - default: false, shouldHide: hideFireworks, }, - { - value: "Groq", - label: "Groq", - text: `from langchain_groq import ChatGroq\n\n${llmVarName} = ChatGroq(${groqParamsOrDefault})`, - apiKeyName: "GROQ_API_KEY", - packageName: "langchain-groq", - default: false, - shouldHide: hideGroq, - }, { value: "MistralAI", label: "Mistral AI", text: `from langchain_mistralai import ChatMistralAI\n\n${llmVarName} = ChatMistralAI(${mistralParamsOrDefault})`, apiKeyName: "MISTRAL_API_KEY", packageName: "langchain-mistralai", - default: false, shouldHide: hideMistral, }, { @@ -270,7 +260,6 @@ export default function ChatModelTabs(props) { text: `from langchain_openai import ChatOpenAI\n\n${llmVarName} = ChatOpenAI(${togetherParamsOrDefault})`, apiKeyName: "TOGETHER_API_KEY", packageName: "langchain-openai", - default: false, shouldHide: hideTogether, }, { @@ -279,7 +268,6 @@ export default function ChatModelTabs(props) { text: `from databricks_langchain import ChatDatabricks\n\nos.environ["DATABRICKS_HOST"] = "https://example.staging.cloud.databricks.com/serving-endpoints"\n\n${llmVarName} = ChatDatabricks(${databricksParamsOrDefault})`, apiKeyName: "DATABRICKS_TOKEN", packageName: "databricks-langchain", - default: false, shouldHide: hideDatabricks, }, ];