Cossale/kepler-chat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: filter for free models on /account/models (#30)

Browse source
This commit is contained in:
Aidan Bleser 2025-06-19 09:40:09 -05:00 • committed by GitHub
parent 7839072299
commit c2cc437061
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/routes/account/models/+page.svelte
View file

@ -30,6 +30,11 @@
disabled: true,
});
const freeModelsToggle = new Toggle({
value: false,
disabled: false,
});
let initiallyEnabled = $state<string[]>([]);
$effect(() => {
if (Object.keys(models.enabled).length && initiallyEnabled.length === 0) {
@ -42,7 +47,13 @@
const openRouterModels = $derived(
fuzzysearch({
haystack: models.from(Provider.OpenRouter),
haystack: models.from(Provider.OpenRouter).filter((m) => {
if (!freeModelsToggle.value) return true;
if (m.pricing.prompt === '0') return true;
return false;
}),
needle: search,
property: 'name',
}).sort((a, b) => {
@ -76,6 +87,15 @@
<XIcon class="inline size-3 group-aria-[pressed=false]:hidden" />
<PlusIcon class="inline size-3 group-aria-[pressed=true]:hidden" />
</button>
<button
{...freeModelsToggle.trigger}
aria-label="Free Models"
class="group text-primary-foreground bg-primary aria-[pressed=false]:border-border border-primary aria-[pressed=false]:bg-background flex place-items-center gap-1 rounded-full border px-2 py-1 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50"
>
Free
<XIcon class="inline size-3 group-aria-[pressed=false]:hidden" />
<PlusIcon class="inline size-3 group-aria-[pressed=true]:hidden" />
</button>
</div>
</div>