Display dynamic prices correctly

Author: simonw

llm-prices.html

@@ -219,9 +219,16 @@ <h2>Preset prices (all per million tokens)</h2>
             for (const [key, preset] of Object.entries(presets)) {
                 const presetItem = document.createElement('div');
                 presetItem.className = 'preset-item';
+                
+                let prices;
+                if (preset.getPrice) {
+                    prices = preset.getPrice();
+                } else {
+                    prices = { input: preset.input, output: preset.output };
+                }
                 presetItem.innerHTML = `
                     <button class="preset-btn" onclick="setPreset('${key}')">${preset.name}</button>
-                    <span class="preset-info">Input: ${formatPrice(preset.input)} / Output: ${formatPrice(preset.output)}</span>
+                    <span class="preset-info">Input: ${formatPrice(prices.input)} / Output: ${formatPrice(prices.output)}</span>
                 `;
                 presetList.appendChild(presetItem);
             }