new models

public/portal.html

@@ -32,6 +32,7 @@
         <button id="model-gpt-4" data-value="gpt-4">GPT-4: Oldest</button>
         <button id="model-claude-3.5-sonnet" data-value="claude-3-5-sonnet-20240620">Claude 3.5 Sonnet</button>
         <button id="model-gpt-4o" data-value="gpt-4o">GPT-4o: Latest</button>
+        <button id="model-gpt-4o-mini" data-value="gpt-4o-mini">GPT-4o Mini: Cheapest</button>
         <button id="model-gpt-4-turbo" data-value="gpt-4-turbo-">GPT-4-Turbo</button>
         <button id="model-gpt-3.5" data-value="gpt-3.5-turbo-0125">GPT-3.5-Turbo</button>
         <button id="model-claude-haiku" data-value="claude-3-haiku-20240307">Claude Haiku</button>
@@ -44,6 +45,9 @@
         <button id="model-gemini-pro" data-value="gemini-pro">Gemini Pro</button>
         <button id="model-llama-8b" data-value="llama3-8b-8192">Llama3 8b</button>
         <button id="model-gemma-it" data-value="gemma-7b-it">Gemma 7B</button>
+        <button id="model-codestral-mamba" data-value="open-codestral-mamba">Codestral Mamba</button>
+        <button id="model-mathstral" data-value="mathstral-temp-id">Mathstral</button>
+        <button id="model-mistral-nemo" data-value="open-mistral-nemo-latest">Mistral NeMo</button>
         <button id="model-mistral-small" data-value="mistral-small-latest">Mistral Small</button>
         <button id="model-mistral-medium" data-value="mistral-medium-latest">Mistral Medium</button>
         <button id="model-qroq-mistral-8x7b" data-value="mixtral-8x7b-32768">Free Mixtral 8x7b</button>

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,13 +913,15 @@ 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));
 document.getElementById('model-gpt-4o').addEventListener('mouseover', (event) => showCustomTooltip(modelDescriptions["gpt-4o"], event.currentTarget));
 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'));