openFeedbackModal(feedback)}
>
@@ -313,7 +315,7 @@

@@ -353,23 +355,26 @@
|
-
-
- {#if feedback.data.rating.toString() === '1'}
-
- {:else if feedback.data.rating.toString() === '0'}
-
- {:else if feedback.data.rating.toString() === '-1'}
-
- {/if}
-
- |
+
+ {#if feedback?.data?.rating}
+
+
+ {#if feedback?.data?.rating.toString() === '1'}
+
+ {:else if feedback?.data?.rating.toString() === '0'}
+
+ {:else if feedback?.data?.rating.toString() === '-1'}
+
+ {/if}
+
+ |
+ {/if}
{dayjs(feedback.updated_at * 1000).fromNow()}
|
-
+ | e.stopPropagation()}>
{
deleteFeedbackHandler(feedback.id);
@@ -389,7 +394,7 @@
{/if}
-{#if feedbacks.length > 0}
+{#if feedbacks.length > 0 && $config?.features?.enable_community_sharing}
{$i18n.t('Help us create the best community leaderboard by sharing your feedback history!')}
diff --git a/src/lib/components/admin/Evaluations/Leaderboard.svelte b/src/lib/components/admin/Evaluations/Leaderboard.svelte
index 46daf21278..1069b31a63 100644
--- a/src/lib/components/admin/Evaluations/Leaderboard.svelte
+++ b/src/lib/components/admin/Evaluations/Leaderboard.svelte
@@ -11,10 +11,11 @@
import Spinner from '$lib/components/common/Spinner.svelte';
import Tooltip from '$lib/components/common/Tooltip.svelte';
- import MagnifyingGlass from '$lib/components/icons/MagnifyingGlass.svelte';
+ import Search from '$lib/components/icons/Search.svelte';
import ChevronUp from '$lib/components/icons/ChevronUp.svelte';
import ChevronDown from '$lib/components/icons/ChevronDown.svelte';
+ import { WEBUI_BASE_URL } from '$lib/constants';
const i18n = getContext('i18n');
@@ -77,7 +78,7 @@
let showLeaderboardModal = false;
let selectedModel = null;
- const openFeedbackModal = (model) => {
+ const openLeaderboardModelModal = (model) => {
showLeaderboardModal = true;
selectedModel = model;
};
@@ -150,6 +151,8 @@
}
feedbacks.forEach((feedback) => {
+ if (!feedback?.data?.model_id || !feedback?.data?.rating) return;
+
const modelA = feedback.data.model_id;
const statsA = getOrDefaultStats(modelA);
let outcome: number;
@@ -350,7 +353,7 @@
{/if}
@@ -504,8 +507,8 @@
{#each sortedModels as model, modelIdx (model.id)}
openFeedbackModal(model)}
+ class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs group cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-850/50 transition"
+ on:click={() => openLeaderboardModelModal(model)}
>
@@ -516,7 +519,7 @@

diff --git a/src/lib/components/admin/Evaluations/LeaderboardModal.svelte b/src/lib/components/admin/Evaluations/LeaderboardModal.svelte
index e90405630b..b3d7849797 100644
--- a/src/lib/components/admin/Evaluations/LeaderboardModal.svelte
+++ b/src/lib/components/admin/Evaluations/LeaderboardModal.svelte
@@ -6,6 +6,7 @@
export let feedbacks = [];
export let onClose: () => void = () => {};
const i18n = getContext('i18n');
+ import XMark from '$lib/components/icons/XMark.svelte';
const close = () => {
show = false;
@@ -37,25 +38,16 @@
{model.name}
{#if topTags.length}
-
+
{#each topTags as tagInfo}
-
- {tagInfo.tag} ({tagInfo.count})
+
+ {tagInfo.tag} {tagInfo.count}
{/each}
@@ -63,7 +55,7 @@
-
{/if}
-
+
| |