x

src/App.tsx

@@ -74,20 +74,6 @@ const App: React.FC = () => {
   };
 
 
-  const calculateBlendedPrice = (
-    inputPrice: number,
-    outputPrice: number,
-    inputTokens: number,
-    outputTokens: number
-  ): number => {
-    const inputRatio = 3; // Fixed input to output ratio
-    const totalInputTokens = inputTokens * inputRatio;
-    const blendedPrice = (inputPrice * totalInputTokens + outputPrice * outputTokens) / (totalInputTokens + outputTokens);
-    return blendedPrice;
-  };
-
-
-
 
   const calculateComparison = (
     modelPrice: number,
@@ -277,7 +263,7 @@ const App: React.FC = () => {
               id="tokenCalculation"
               value={tokenCalculation}
               onChange={(e) => setTokenCalculation(e.target.value)}
-              className="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"
+              className="mt-1 block w-full pl-3 pr-10 py-2 text-base focus:outline-none focus:ring-indigo-500  sm:text-sm rounded-md"
             >
               <option value="billion">Billion Tokens</option>
               <option value="million">Million Tokens</option>
@@ -294,9 +280,6 @@ const App: React.FC = () => {
           Note: If you use Amazon Bedrock or Azure prices for Anthropic, Cohere
           or OpenAI should be the same.
         </p>
-        <p className="italic text-sm text-muted-foreground mb-4">
-          Blended Price reflects the average cost of input and output tokens, calculated using a fixed ratio (3:1), to give a unified rate per {tokenCalculation} tokens.
-        </p>
 
         <Table>
           <TableHeader>
@@ -325,7 +308,6 @@ const App: React.FC = () => {
                   ) : null}
                 </button>
               </TableHead>
-              <TableHead>Blended Price</TableHead>
 
               <TableHead>
                 <button type="button" onClick={() => requestSort('inputPrice')}>
@@ -415,9 +397,7 @@ const App: React.FC = () => {
                   </a>
                 </TableCell>
                 <TableCell>{item.name}</TableCell>
-                <TableCell className="font-bold">
-                  ${calculateBlendedPrice(item.inputPrice, item.outputPrice, inputTokens, outputTokens).toFixed(2)}
-                </TableCell>
+
                 <TableCell>{item.inputPrice.toFixed(2)}</TableCell>
                 <TableCell>{item.outputPrice.toFixed(2)}</TableCell>