x

src/App.tsx

@@ -182,6 +182,7 @@ const App: React.FC = () => {
               id="inputTokens"
               type="number"
               value={inputTokens}
+              min={1}
               onChange={(e) => setInputTokens(Number(e.target.value))}
               className="mt-1"
             />
@@ -194,6 +195,7 @@ const App: React.FC = () => {
               id="outputTokens"
               type="number"
               value={outputTokens}
+              min={1}
               onChange={(e) => setOutputTokens(Number(e.target.value))}
               className="mt-1"
             />

src/lib/data.ts

@@ -101,12 +101,17 @@ export const mockData: Provider[] = [
     ],
   },
   {
-    provider: 'Groq',
-    uri: 'https://wow.groq.com/',
-    models: [
-      { name: 'Llama 3 70b', inputPrice: 0.59, outputPrice: 0.79 },
-      { name: 'Mixtral 8x7B', inputPrice: 0.24, outputPrice: 0.24 },
-    ],
+    provider: "Groq",
+    uri: "https://wow.groq.com/",
+    models: [
+      { name: "Llama 3 8B 8k", inputPrice: 0.05, outputPrice: 0.08 },
+      { name: "Llama 3 70B 8k", inputPrice: 0.59, outputPrice: 0.79 },
+      { name: "Llama 3 8B 8192 Tool Use", inputPrice: 0.19, outputPrice: 0.19 },
+      { name: "Llama 3 70B 8192 Tool Use", inputPrice: 0.89, outputPrice: 0.89 },
+      { name: "Mixtral 8x7B 32k Instruct", inputPrice: 0.24, outputPrice: 0.24 },
+      { name: "Gemma 7B Instruct", inputPrice: 0.07, outputPrice: 0.07 },
+      { name: "Gemma2 9b Instruct", inputPrice: 0.20, outputPrice: 0.20 }
+    ]
   },
   {
     provider: 'Fireworks',