@@ -59,7 +59,7 @@
-
+
{#if changelog}
{#each Object.keys(changelog) as version}
@@ -111,7 +111,7 @@
await updateUserSettings(localStorage.token, { ui: $settings });
show = false;
}}
- class=" px-4 py-2 bg-emerald-700 hover:bg-emerald-800 text-gray-100 transition rounded-lg"
+ class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
>
{$i18n.t("Okay, Let's Go!")}
diff --git a/src/lib/components/OnBoarding.svelte b/src/lib/components/OnBoarding.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4cef95aec29b448506b726dbacda4f233ec70c48
--- /dev/null
+++ b/src/lib/components/OnBoarding.svelte
@@ -0,0 +1,78 @@
+
+
+{#if show}
+
+
+{/if}
diff --git a/src/lib/components/admin/Evaluations.svelte b/src/lib/components/admin/Evaluations.svelte
index 13d51ab8c04d819177f15dcee55017983f4e8716..69501b2fc35492e172d2f4d69618c808dbea7bc2 100644
--- a/src/lib/components/admin/Evaluations.svelte
+++ b/src/lib/components/admin/Evaluations.svelte
@@ -1,677 +1,100 @@
-
{#if loaded}
-
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {$i18n.t(`wherever you are`)}
+
+
+
+
+
+ {$i18n.t(`Get started`)}
+
-
-
-
-
- {$i18n.t('Leaderboard')}
-
-
-
-
- {rankedModels.length}
+
-
-
-
-
-
-
-
-
-
- {
- loadEmbeddingModel();
- }}
- />
-
- {#if loadingLeaderboard}
-
+
+ {$i18n.t('Functions')} | {$WEBUI_NAME}
+
+
+
+ {
+ deleteHandler(selectedFunction);
+ }}
+>
+
+
+ {
+ await tick();
+ models.set(await getModels(localStorage.token));
+ }}
+/>
+
+ {
+ const reader = new FileReader();
+ reader.onload = async (event) => {
+ const _functions = JSON.parse(event.target.result);
+ console.log(_functions);
+
+ for (const func of _functions) {
+ const res = await createNewFunction(localStorage.token, func).catch((error) => {
+ toast.error(error);
+ return null;
+ });
+ }
+
+ toast.success($i18n.t('Functions imported successfully'));
+ functions.set(await getFunctions(localStorage.token));
+ models.set(await getModels(localStorage.token));
+ };
+
+ reader.readAsText(importFiles[0]);
+ }}
+>
+
diff --git a/src/lib/components/admin/Functions/FunctionEditor.svelte b/src/lib/components/admin/Functions/FunctionEditor.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..2fef4daec9063c7d6af658e4aad9a5e202510199
--- /dev/null
+++ b/src/lib/components/admin/Functions/FunctionEditor.svelte
@@ -0,0 +1,430 @@
+
+
+ {
+ submitHandler();
+ }}
+>
+
diff --git a/src/lib/components/admin/Functions/FunctionMenu.svelte b/src/lib/components/admin/Functions/FunctionMenu.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..0b9ba39dd293a3502f264b36f476e6c784885a8d
--- /dev/null
+++ b/src/lib/components/admin/Functions/FunctionMenu.svelte
@@ -0,0 +1,138 @@
+
+
+ {
+ if (e.detail === false) {
+ onClose();
+ }
+ }}
+>
+
+
+
+
diff --git a/src/lib/components/admin/Settings.svelte b/src/lib/components/admin/Settings.svelte
index 63b15f902fcecf9b65e72d207dcbfbee39d7f148..53fe7e2c6d72c35e71cbe46f6db3f35fbe62234a 100644
--- a/src/lib/components/admin/Settings.svelte
+++ b/src/lib/components/admin/Settings.svelte
@@ -2,11 +2,11 @@
import { getContext, tick, onMount } from 'svelte';
import { toast } from 'svelte-sonner';
+ import { config } from '$lib/stores';
+ import { getBackendConfig } from '$lib/apis';
import Database from './Settings/Database.svelte';
import General from './Settings/General.svelte';
- import Users from './Settings/Users.svelte';
-
import Pipelines from './Settings/Pipelines.svelte';
import Audio from './Settings/Audio.svelte';
import Images from './Settings/Images.svelte';
@@ -15,8 +15,7 @@
import Connections from './Settings/Connections.svelte';
import Documents from './Settings/Documents.svelte';
import WebSearch from './Settings/WebSearch.svelte';
- import { config } from '$lib/stores';
- import { getBackendConfig } from '$lib/apis';
+
import ChartBar from '../icons/ChartBar.svelte';
import DocumentChartBar from '../icons/DocumentChartBar.svelte';
import Evaluations from './Settings/Evaluations.svelte';
@@ -39,16 +38,16 @@
});
-
- {$i18n.t('Leaderboard')}
+
+
+
- {/if}
-
-
-
-
- {/if}
- {#if (rankedModels ?? []).length === 0}
-
+
-
- {$i18n.t('No models found')}
-
- {:else}
-
-
-
-
-
-
-
-
- ⓘ {$i18n.t(
- 'The evaluation leaderboard is based on the Elo rating system and is updated in real-time.'
- )}
-
- {$i18n.t(
- 'The leaderboard is currently in beta, and we may adjust the rating calculations as we refine the algorithm.'
- )}
-
-
-
-
- {$i18n.t('Feedback History')}
-
-
-
- {feedbacks.length}
-
-
-
-
-
-
-
+ {$i18n.t('Feedbacks')}
+
- {#if (feedbacks ?? []).length === 0}
-
-
-
- {/if}
-
-
- {#if feedbacks.length > 0}
-
- {$i18n.t('No feedbacks found')}
-
- {:else}
- | - {$i18n.t('User')} - | -- {$i18n.t('Models')} - | - -- {$i18n.t('Result')} - | - -- {$i18n.t('Updated At')} - | - -- |
|---|---|---|---|---|
|
-
-
-
-
- |
-
-
-
-
-
- {#if feedback.data?.sibling_model_ids}
-
-
- {feedback.data?.model_id}
-
-
-
- {#if feedback.data.sibling_model_ids.length > 2}
-
- {feedback.data.sibling_model_ids.slice(0, 2).join(', ')}, {$i18n.t(
- 'and {{COUNT}} more',
- { COUNT: feedback.data.sibling_model_ids.length - 2 }
- )}
- {:else}
- {feedback.data.sibling_model_ids.join(', ')}
- {/if}
-
-
- {feedback.data?.model_id}
-
- {/if}
- |
-
-
- {#if feedback.data.rating.toString() === '1'}
-
- |
-
- - {dayjs(feedback.updated_at * 1000).fromNow()} - | - -
- |
-
-
{/if}
diff --git a/src/lib/components/admin/Evaluations/Feedbacks.svelte b/src/lib/components/admin/Evaluations/Feedbacks.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..d465ab97a6646a9017d650ca31ed6d55e8b37783
--- /dev/null
+++ b/src/lib/components/admin/Evaluations/Feedbacks.svelte
@@ -0,0 +1,283 @@
+
+
+
- {$i18n.t('Help us create the best community leaderboard by sharing your feedback history!')}
-
-
-
-
-
-
-
+
+ {#if selectedTab === 'leaderboard'}
+
- {/if}
-
- {#if feedbacks.length > 10}
-
+
+
+
+ {$i18n.t('Feedback History')}
+
+
+
+ {feedbacks.length}
+
+
+
+
+
+
+
+
+
+
+ {#if (feedbacks ?? []).length === 0}
+
+
+
+ {/if}
+
+
+{#if feedbacks.length > 0}
+
+ {$i18n.t('No feedbacks found')}
+
+ {:else}
+ | + {$i18n.t('User')} + | + ++ {$i18n.t('Models')} + | + ++ {$i18n.t('Result')} + | + ++ {$i18n.t('Updated At')} + | + ++ |
|---|---|---|---|---|
|
+
+
+
+
+ |
+
+
+
+
+
+ {#if feedback.data?.sibling_model_ids}
+
+
+ {feedback.data?.model_id}
+
+
+
+ {#if feedback.data.sibling_model_ids.length > 2}
+
+ {feedback.data.sibling_model_ids.slice(0, 2).join(', ')}, {$i18n.t(
+ 'and {{COUNT}} more',
+ { COUNT: feedback.data.sibling_model_ids.length - 2 }
+ )}
+ {:else}
+ {feedback.data.sibling_model_ids.join(', ')}
+ {/if}
+
+
+ {feedback.data?.model_id}
+
+ {/if}
+ |
+
+
+ {#if feedback.data.rating.toString() === '1'}
+
+ |
+
+ + {dayjs(feedback.updated_at * 1000).fromNow()} + | + +
+ |
+
+
+{/if}
+
+{#if feedbacks.length > 10}
+
+ {$i18n.t('Help us create the best community leaderboard by sharing your feedback history!')}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {$i18n.t('Leaderboard')}
+
+
+
+
+ {rankedModels.length}
+
+
+
+
+
+
+
+
+ {
+ loadEmbeddingModel();
+ }}
+ />
+
+ {#if loadingLeaderboard}
+
+
+
+ {/if}
+
+
+
+
+ {/if}
+ {#if (rankedModels ?? []).length === 0}
+
+
+
+ {$i18n.t('No models found')}
+
+ {:else}
+ | + {$i18n.t('RK')} + | ++ {$i18n.t('Model')} + | ++ {$i18n.t('Rating')} + | ++ {$i18n.t('Won')} + | ++ {$i18n.t('Lost')} + | +
|---|---|---|---|---|
|
+
+ {model?.rating !== '-' ? modelIdx + 1 : '-'}
+
+ |
+
+
+
+
+
+
+
+ {model.name}
+
+ |
+ + {model.rating} + | + +
+
+ {#if model.stats.won === '-'}
+ -
+ {:else}
+ {((model.stats.won / model.stats.count) * 100).toFixed(1)}%
+ {model.stats.won}
+ {/if}
+
+ |
+
+
+
+ {#if model.stats.lost === '-'}
+ -
+ {:else}
+ {((model.stats.lost / model.stats.count) * 100).toFixed(1)}%
+ {model.stats.lost}
+ {/if}
+
+ |
+
+
diff --git a/src/lib/components/admin/Functions.svelte b/src/lib/components/admin/Functions.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..c12fa2073230443d216472bd254e5500d25c644e
--- /dev/null
+++ b/src/lib/components/admin/Functions.svelte
@@ -0,0 +1,542 @@
+
+
+
+
+
+ ⓘ {$i18n.t(
+ 'The evaluation leaderboard is based on the Elo rating system and is updated in real-time.'
+ )}
+
+ {$i18n.t(
+ 'The leaderboard is currently in beta, and we may adjust the rating calculations as we refine the algorithm.'
+ )}
+
+
+
+
+
+
+
+ {$i18n.t('Functions')}
+
+ {filteredItems.length}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#each filteredItems as func}
+
+
+
+
+
+
+
+ {/each}
+
+
+
+
+
+
+
+
+
+ {func.type}
+
+
+ {#if func?.meta?.manifest?.version}
+
+ v{func?.meta?.manifest?.version ?? ''}
+
+ {/if}
+
+
+ {func.name}
+
+
+
+ {func.id}
+
+
+ {func.meta.description}
+
+
+ {#if shiftKey}
+
+
+
+ {:else}
+ {#if func?.meta?.manifest?.funding_url ?? false}
+
+
+
+ {/if}
+
+
+
+
+
+ {
+ goto(`/admin/functions/edit?id=${encodeURIComponent(func.id)}`);
+ }}
+ shareHandler={() => {
+ shareHandler(func);
+ }}
+ cloneHandler={() => {
+ cloneHandler(func);
+ }}
+ exportHandler={() => {
+ exportHandler(func);
+ }}
+ deleteHandler={async () => {
+ selectedFunction = func;
+ showDeleteConfirm = true;
+ }}
+ toggleGlobalHandler={() => {
+ if (['filter', 'action'].includes(func.type)) {
+ toggleGlobalHandler(func);
+ }
+ }}
+ onClose={() => {}}
+ >
+
+
+ {/if}
+
+
+
+
+ {
+ toggleFunctionById(localStorage.token, func.id);
+ models.set(await getModels(localStorage.token));
+ }}
+ />
+
+
+
+
+
+{#if $config?.features.enable_community_sharing}
+
+ {
+ console.log(importFiles);
+ showConfirm = true;
+ }}
+ />
+
+
+
+
+
+
+
+{/if}
+
+
+ {$i18n.t('Made by OpenWebUI Community')}
+
+
+
+
+
+
+ {$i18n.t('Discover a function')}
+
+ {$i18n.t('Discover, download, and explore custom functions')}
+
+
+
+
+
+
+
+ {$i18n.t('This will delete')} {selectedFunction.name}.
+
+
+
+
+
+
+ Please carefully review the following warnings:
+
+ -
+
- {$i18n.t('Functions allow arbitrary code execution.')} +
- {$i18n.t('Do not install functions from sources you do not fully trust.')} +
+ {$i18n.t(
+ 'I acknowledge that I have read and I understand the implications of my action. I am aware of the risks associated with executing arbitrary code and I have verified the trustworthiness of the source.'
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+ {$i18n.t('Please carefully review the following warnings:')}
+
+ -
+
- {$i18n.t('Functions allow arbitrary code execution.')} +
- {$i18n.t('Do not install functions from sources you do not fully trust.')} +
+ {$i18n.t(
+ 'I acknowledge that I have read and I understand the implications of my action. I am aware of the risks associated with executing arbitrary code and I have verified the trustworthiness of the source.'
+ )}
+
+
+
+ {#if ['filter', 'action'].includes(func.type)}
+
+ {/if} + + {
+ editHandler();
+ }}
+ >
+
+
+
+
+ {
+ shareHandler();
+ }}
+ >
+
+
+ {
+ cloneHandler();
+ }}
+ >
+
+
+ {
+ exportHandler();
+ }}
+ >
+
+
+
+ + {
+ deleteHandler();
+ }}
+ >
+
+
+
+
+
+
+
+
+
+ {$i18n.t('Global')}
+
+
+ + {/if} + +
{$i18n.t('Edit')}
+ {$i18n.t('Share')}
+ {$i18n.t('Clone')}
+ {$i18n.t('Export')}
+ + +
{$i18n.t('Delete')}
+
+
-
+