15 lines
2.5 KiB
JavaScript
15 lines
2.5 KiB
JavaScript
|
import { c as create_ssr_component, e as each, d as add_attribute, f as escape } from "../../../chunks/ssr.js";
|
||
|
|
const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
|
||
|
|
let inputTokens = 500;
|
||
|
|
let outputTokens = 500;
|
||
|
|
let requestsPerDay = 1e3;
|
||
|
|
let daysPerMonth = 30;
|
||
|
|
let models = [];
|
||
|
|
return `<div class="max-w-6xl mx-auto animate-fade-in"> ${``} ${``} <div class="grid grid-cols-1 lg:grid-cols-2 gap-3"> <div class="card p-4"><h2 class="text-base font-bold text-surface-800 mb-2" data-svelte-h="svelte-lnopkz">Configuration</h2> <div class="space-y-2"><label class="block"><span class="label" data-svelte-h="svelte-mlm8oo">Model</span> <select class="select">${each(models, (m) => {
|
||
|
|
return `<option${add_attribute("value", m.name, 0)}>${escape(m.name)} (${escape(m.provider)})</option>`;
|
||
|
|
})}</select></label> <label class="block"><span class="label" data-svelte-h="svelte-ticwin">Input Tokens per Request</span> <input type="number" min="1" class="input"${add_attribute("value", inputTokens, 0)}></label> <label class="block"><span class="label" data-svelte-h="svelte-1hd2v7u">Output Tokens per Request</span> <input type="number" min="1" class="input"${add_attribute("value", outputTokens, 0)}></label> <div class="grid grid-cols-2 gap-4"><label class="block"><span class="label" data-svelte-h="svelte-1wo3zmc">Requests per Day</span> <input type="number" min="1" class="input"${add_attribute("value", requestsPerDay, 0)}></label> <label class="block"><span class="label" data-svelte-h="svelte-qc47il">Days per Month</span> <input type="number" min="1" max="31" class="input"${add_attribute("value", daysPerMonth, 0)}></label></div> <button ${""} class="btn-primary w-full text-sm py-2 disabled:opacity-50">${escape("Calculate Cost")}</button></div></div> <div class="card p-4"><h2 class="text-base font-bold text-surface-800 mb-2" data-svelte-h="svelte-bbyeka">Cost Estimate</h2> ${`${`<div class="text-center py-8" data-svelte-h="svelte-zirm3l"><div class="w-12 h-12 rounded-xl bg-surface-100 flex items-center justify-center mx-auto mb-2"><svg class="w-6 h-6 text-surface-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path></svg></div> <p class="text-surface-400 text-sm">Configure and click Calculate</p></div>`}`}</div></div></div>`;
|
||
|
|
});
|
||
|
|
export {
|
||
|
|
Page as default
|
||
|
|
};
|