diff --git a/public/portal.html b/public/portal.html
index 1620e0a..0e943f4 100644
--- a/public/portal.html
+++ b/public/portal.html
@@ -32,6 +32,7 @@
+
@@ -44,6 +45,9 @@
+
+
+
diff --git a/public/script.js b/public/script.js
index 98e1f97..e65eeae 100644
--- a/public/script.js
+++ b/public/script.js
@@ -62,6 +62,10 @@ fetchConfig();
"Gemma-7b": "gemma-7b-it",
"Codestral": "codestral-latest",
"Free Mixtral 8x7b": "mixtral-8x7b-32768",
+ "GPT-4o-Mini": "gpt-4o-mini",
+ "Codestral-Mamba": "open-codestral-mamba",
+ "Mathstral": "mathstral-temp-id",
+ "Mistral-NeMo": "open-mistral-nemo-latest",
// Open Router Models
"Auto (best for prompt)": "openrouter/auto",
"Flavor of The Week": "openrouter/flavor-of-the-week",
@@ -273,6 +277,10 @@ fetchConfig();
"gemma-7b-it": "Gemma-7b",
"codestral-latest": "Codestral",
"mixtral-8x7b-32768": "Free Mixtral 8x7b",
+ "gpt-4o-mini": "GPT-4o-Mini",
+ "open-codestral-mamba": "Codestral-Mamba",
+ "mathstral-temp-id": "Mathstral",
+ "open-mistral-nemo-latest": "Mistral-NeMo",
// Open Router Models
"openrouter/auto": "Auto (best for prompt)",
"openrouter/flavor-of-the-week": "Flavor of The Week",
@@ -637,6 +645,9 @@ const selectedModelDisplayName = document.getElementById('selected-model').textC
"llama3-8b": "Llama3 8b: Smaller, Faster Model — Cheaper",
"codestral-latest": "Codestral: Best Mistral Model for Coding",
"gemma-7b-it": "Smallest Open-Source Google Model",
+ "open-codestral-mamba": "Codestral Mamba: A Mamba 2 language model specialized in code generation",
+ "mathstral-temp-id": "Mathstral: A math-specific 7B model designed for math reasoning and scientific tasks",
+ "open-mistral-nemo-latest": "Mistral NeMo: A 12B model built in partnership with Nvidia, easy to use and a drop-in replacement for Mistral 7B",
// open router models
"openrouter/auto": "Depending on their size, subject, and complexity, your prompts will be sent to [Mistral Large](/models/mistralai/mistral-large), [Claude 3.5 Sonnet (self-moderated)](/models/anthropic/claude-3.5-sonnet:beta) or [GPT-4o](/models/openai/gpt-4o). To see which model was used, visit [Activity](/activity).\n\nA major redesign of this router is coming soon. Stay tuned on [Discord](https://discord.gg/fVyRaUDgxW) for updates.",
"openrouter/flavor-of-the-week": "This is a router model that rotates its underlying model weekly. It aims to be a simple way to explore the capabilities of new models while using the same model ID.\n\nThe current underlying model is [Llama 3 Stheno 8B v3.3 32K](/models/sao10k/l3-stheno-8b).\n\nNOTE: Pricing depends on the underlying model as well as the provider routed to. To see which model and provider were used, visit [Activity](/activity).",
@@ -902,6 +913,7 @@ document.getElementById('model-gpt-4o').addEventListener('click', () => selectMo
document.getElementById('model-gpt-4-32k').addEventListener('click', () => selectModel('gpt-4-32k'));
document.getElementById('model-gpt-4-turbo').addEventListener('click', () => selectModel('gpt-4-turbo'));
document.getElementById('model-gpt-3.5').addEventListener('click', () => selectModel('gpt-3.5-turbo-0125'));
+document.getElementById('model-gpt-4o-mini').addEventListener('click', () => selectModel('gpt-4o-mini'));
// Event listeners for showing GPT model descriptions on hover
document.getElementById('model-gpt-4').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["gpt-4"], event.currentTarget));
@@ -909,6 +921,7 @@ document.getElementById('model-gpt-4o').addEventListener('mouseover', (event) =>
document.getElementById('model-gpt-4-32k').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["gpt-4-32k"], event.currentTarget));
document.getElementById('model-gpt-4-turbo').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["gpt-4-turbo"], event.currentTarget));
document.getElementById('model-gpt-3.5').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["gpt-3.5-turbo-0125"], event.currentTarget));
+document.getElementById('model-gpt-4o-mini').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["gpt-4o-mini"], event.currentTarget));
// Event listeners for selecting Gemini models
document.getElementById('model-gemini-pro').addEventListener('click', () => selectModel('gemini-pro'));
@@ -939,6 +952,14 @@ document.getElementById('model-mistral-small').addEventListener('mouseover', (ev
document.getElementById('model-mistral-medium').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["mistral-medium-latest"], event.currentTarget));
document.getElementById('model-mistral-large').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["mistral-medium-latest"], event.currentTarget));
+document.getElementById('model-codestral-mamba').addEventListener('click', () => selectModel('open-codestral-mamba'));
+document.getElementById('model-mathstral').addEventListener('click', () => selectModel('mathstral-temp-id'));
+document.getElementById('model-mistral-nemo').addEventListener('click', () => selectModel('open-mistral-nemo-latest'));
+
+document.getElementById('model-codestral-mamba').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["open-codestral-mamba"], event.currentTarget));
+document.getElementById('model-mathstral').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["mathstral-temp-id"], event.currentTarget));
+document.getElementById('model-mistral-nemo').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["open-mistral-nemo-latest"], event.currentTarget));
+
// Event listeners for selecting Claude models
document.getElementById('model-claude-opus').addEventListener('click', () => selectModel('claude-3-opus-20240229'));
document.getElementById('model-claude-sonnet').addEventListener('click', () => selectModel('claude-3-sonnet-20240229'));