bhetherman/open-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: format

Browse Source
This commit is contained in:
Timothy Jaeryang Baek
2026-01-09 19:46:32 +04:00
parent f4d99135e4
commit 636ba171a4
64 changed files with 245 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/admin/Evaluations.svelte
-1
View File
@@ -6,7 +6,6 @@
import Leaderboard from './Evaluations/Leaderboard.svelte';
import Feedbacks from './Evaluations/Feedbacks.svelte';
const i18n = getContext('i18n');
let selectedTab;
src/lib/components/admin/Evaluations/Leaderboard.svelte
+34 -20
View File
@@ -45,9 +45,7 @@
loading = true;
try {
const result = await getLeaderboard(localStorage.token, searchQuery);
const statsMap = new Map(
(result?.entries ?? []).map((e) => [e.model_id, e])
);
const statsMap = new Map((result?.entries ?? []).map((e) => [e.model_id, e]));
rankedModels = $models
.filter((m) => m?.owned_by !== 'arena' && !m?.info?.meta?.hidden)
@@ -106,7 +104,9 @@
<ModelModal bind:show={showModal} model={selectedModel} onClose={closeModal} />
<div class="pt-0.5 pb-1 gap-1 flex flex-col md:flex-row justify-between sticky top-0 z-10 bg-white dark:bg-gray-900">
<div
class="pt-0.5 pb-1 gap-1 flex flex-col md:flex-row justify-between sticky top-0 z-10 bg-white dark:bg-gray-900"
>
<div class="flex items-center text-xl font-medium px-0.5 gap-2 shrink-0">
{$i18n.t('Leaderboard')}
<span class="text-lg text-gray-500">{rankedModels.length}</span>
@@ -123,9 +123,13 @@
</Tooltip>
</div>
<div class="scrollbar-hidden relative whitespace-nowrap overflow-x-auto max-w-full rounded-sm min-h-[100px]">
<div
class="scrollbar-hidden relative whitespace-nowrap overflow-x-auto max-w-full rounded-sm min-h-[100px]"
>
{#if loading}
<div class="absolute inset-0 flex items-center justify-center z-10 bg-white/50 dark:bg-gray-900/50">
<div
class="absolute inset-0 flex items-center justify-center z-10 bg-white/50 dark:bg-gray-900/50"
>
<Spinner className="size-5" />
</div>
{/if}
@@ -133,25 +137,27 @@
{#if !rankedModels.length && !loading}
<div class="text-center text-xs text-gray-500 py-1">{$i18n.t('No models found')}</div>
{:else if rankedModels.length}
<table class="w-full text-sm text-left text-gray-500 dark:text-gray-400 {loading ? 'opacity-20' : ''}">
<table
class="w-full text-sm text-left text-gray-500 dark:text-gray-400 {loading
? 'opacity-20'
: ''}"
>
<thead class="text-xs text-gray-800 uppercase bg-transparent dark:text-gray-200">
<tr class="border-b-[1.5px] border-gray-50 dark:border-gray-850/30">
{#each [
{ key: 'rating', label: 'RK', class: 'w-3' },
{ key: 'name', label: 'Model', class: '' },
{ key: 'rating', label: 'Rating', class: 'text-right w-fit' },
{ key: 'won', label: 'Won', class: 'text-right w-5' },
{ key: 'lost', label: 'Lost', class: 'text-right w-5' }
] as col}
{#each [{ key: 'rating', label: 'RK', class: 'w-3' }, { key: 'name', label: 'Model', class: '' }, { key: 'rating', label: 'Rating', class: 'text-right w-fit' }, { key: 'won', label: 'Won', class: 'text-right w-5' }, { key: 'lost', label: 'Lost', class: 'text-right w-5' }] as col}
<th
scope="col"
class="px-2.5 py-2 cursor-pointer select-none {col.class}"
on:click={() => toggleSort(col.key)}
>
<div class="flex gap-1.5 items-center {col.class.includes('right') ? 'justify-end' : ''}">
<div
class="flex gap-1.5 items-center {col.class.includes('right') ? 'justify-end' : ''}"
>
{$i18n.t(col.label)}
{#if orderBy === col.key}
{#if direction === 'asc'}<ChevronUp className="size-2" />{:else}<ChevronDown className="size-2" />{/if}
{#if direction === 'asc'}<ChevronUp className="size-2" />{:else}<ChevronDown
className="size-2"
/>{/if}
{:else}
<span class="invisible"><ChevronUp className="size-2" /></span>
{/if}
@@ -184,13 +190,17 @@
</td>
<td class="px-3 py-1.5 text-right font-medium text-green-500 w-10">
{#if model.stats.won === '-'}-{:else}
<span class="hidden group-hover:inline">{((Number(model.stats.won) / model.stats.count) * 100).toFixed(1)}%</span>
<span class="hidden group-hover:inline"
>{((Number(model.stats.won) / model.stats.count) * 100).toFixed(1)}%</span
>
<span class="group-hover:hidden">{model.stats.won}</span>
{/if}
</td>
<td class="px-3 py-1.5 text-right font-medium text-red-500 w-10">
{#if model.stats.lost === '-'}-{:else}
<span class="hidden group-hover:inline">{((Number(model.stats.lost) / model.stats.count) * 100).toFixed(1)}%</span>
<span class="hidden group-hover:inline"
>{((Number(model.stats.lost) / model.stats.count) * 100).toFixed(1)}%</span
>
<span class="group-hover:hidden">{model.stats.lost}</span>
{/if}
</td>
@@ -204,8 +214,12 @@
<div class="text-gray-500 text-xs mt-1.5 w-full flex justify-end">
<div class="text-right">
<div class="line-clamp-1">
ⓘ {$i18n.t('The evaluation leaderboard is based on the Elo rating system and is updated in real-time.')}
ⓘ {$i18n.t(
'The evaluation leaderboard is based on the Elo rating system and is updated in real-time.'
)}
</div>
{$i18n.t('The leaderboard is currently in beta, and we may adjust the rating calculations as we refine the algorithm.')}
{$i18n.t(
'The leaderboard is currently in beta, and we may adjust the rating calculations as we refine the algorithm.'
)}
</div>
</div>
src/lib/components/chat/MessageInput/CallOverlay.svelte
+7 -12
View File
@@ -386,10 +386,7 @@
clearInterval(getVoicesLoop);
const voiceId = getVoiceId();
const voice =
voices
?.filter((v) => v.voiceURI === voiceId)
?.at(0) ?? undefined;
const voice = voices?.filter((v) => v.voiceURI === voiceId)?.at(0) ?? undefined;
currentUtterance = new SpeechSynthesisUtterance(content);
currentUtterance.rate = $settings.audio?.tts?.playbackRate ?? 1;
@@ -494,14 +491,12 @@
audioCache.set(content, new Audio(url));
}
} else if ($config.audio.tts.engine !== '') {
const res = await synthesizeOpenAISpeech(
localStorage.token,
getVoiceId(),
content
).catch((error) => {
console.error(error);
return null;
});
const res = await synthesizeOpenAISpeech(localStorage.token, getVoiceId(), content).catch(
(error) => {
console.error(error);
return null;
}
);
if (res) {
const blob = await res.blob();
src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens.svelte
+14 -2
View File
@@ -55,11 +55,23 @@
<HtmlToken {id} {token} {onSourceClick} />
{:else if token.type === 'link'}
{#if token.tokens}
<a href={token.href} target="_blank" rel="nofollow" title={token.title} on:click={(e) => handleLinkClick(e, token.href)}>
<a
href={token.href}
target="_blank"
rel="nofollow"
title={token.title}
on:click={(e) => handleLinkClick(e, token.href)}
>
<svelte:self id={`${id}-a`} tokens={token.tokens} {onSourceClick} {done} />
</a>
{:else}
<a href={token.href} target="_blank" rel="nofollow" title={token.title} on:click={(e) => handleLinkClick(e, token.href)}>{token.text}</a>
<a
href={token.href}
target="_blank"
rel="nofollow"
title={token.title}
on:click={(e) => handleLinkClick(e, token.href)}>{token.text}</a
>
{/if}
{:else if token.type === 'image'}
<Image src={token.href} alt={token.text} />
src/lib/components/chat/Messages/ResponseMessage.svelte
+9 -15
View File
@@ -228,10 +228,7 @@
clearInterval(getVoicesLoop);
const voiceId = getVoiceId();
const voice =
voices
?.filter((v) => v.voiceURI === voiceId)
?.at(0) ?? undefined;
const voice = voices?.filter((v) => v.voiceURI === voiceId)?.at(0) ?? undefined;
console.log(voice);
@@ -312,17 +309,15 @@
}
} else {
for (const [idx, sentence] of messageContentParts.entries()) {
const res = await synthesizeOpenAISpeech(
localStorage.token,
voiceId,
sentence
).catch((error) => {
console.error(error);
toast.error(`${error}`);
const res = await synthesizeOpenAISpeech(localStorage.token, voiceId, sentence).catch(
(error) => {
console.error(error);
toast.error(`${error}`);
speaking = false;
loadingSpeech = false;
});
speaking = false;
loadingSpeech = false;
}
);
if (res && speaking) {
const blob = await res.blob();
@@ -336,7 +331,6 @@
}
};
let preprocessedDetailsCache = [];
function preprocessForEditing(content: string): string {