mirror of
https://github.com/open-webui/open-webui.git
synced 2026-10-21 19:03:02 -05:00
285 lines
10 KiB
Svelte
285 lines
10 KiB
Svelte
<script lang="ts">
|
|
import { onMount, getContext } from 'svelte';
|
|
import { getCodeExecutionConfig, setCodeExecutionConfig } from '$lib/apis/configs';
|
|
|
|
import SensitiveInput from '$lib/components/common/SensitiveInput.svelte';
|
|
|
|
import Textarea from '$lib/components/common/Textarea.svelte';
|
|
import Switch from '$lib/components/common/Switch.svelte';
|
|
import AdminSettingField from './AdminSettingField.svelte';
|
|
import AdminSettingRow from './AdminSettingRow.svelte';
|
|
import AdminSettingSection from './AdminSettingSection.svelte';
|
|
import SettingsSelect from '$lib/components/common/SettingsSelect.svelte';
|
|
|
|
const i18n: any = getContext('i18n');
|
|
|
|
export let saveHandler: Function;
|
|
|
|
let config: any = null;
|
|
|
|
let engines = ['pyodide', 'jupyter'];
|
|
const inputClass =
|
|
'w-full h-7 rounded-lg border border-gray-100/50 bg-gray-50/40 px-2 text-xs text-gray-700 outline-hidden transition-colors placeholder:text-gray-300 focus:border-blue-400 dark:border-white/[0.04] dark:bg-white/[0.03] dark:text-gray-300 dark:placeholder:text-gray-700 dark:focus:border-blue-500';
|
|
const textareaClass =
|
|
'w-full rounded-lg border border-gray-100/50 bg-gray-50/40 px-2 py-1.5 text-xs text-gray-700 outline-hidden transition-colors placeholder:text-gray-300 focus:border-blue-400 dark:border-white/[0.04] dark:bg-white/[0.03] dark:text-gray-300 dark:placeholder:text-gray-700 dark:focus:border-blue-500';
|
|
|
|
const submitHandler = async () => {
|
|
const res = await setCodeExecutionConfig(localStorage.token, config);
|
|
};
|
|
|
|
onMount(async () => {
|
|
const res = await getCodeExecutionConfig(localStorage.token);
|
|
|
|
if (res) {
|
|
config = res;
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<form
|
|
class="flex h-full flex-col justify-between text-sm"
|
|
on:submit|preventDefault={async () => {
|
|
await submitHandler();
|
|
saveHandler();
|
|
}}
|
|
>
|
|
<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">
|
|
{$i18n.t('Code Execution')}
|
|
</h2>
|
|
|
|
<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5">
|
|
{#if config}
|
|
<AdminSettingSection title={$i18n.t('Code Execution')} first>
|
|
<AdminSettingRow
|
|
label={$i18n.t('Enable Code Execution')}
|
|
description={$i18n.t('Allow models to run generated code and return execution results.')}
|
|
let:labelId
|
|
>
|
|
<Switch bind:state={config.ENABLE_CODE_EXECUTION} ariaLabelledbyId={labelId} />
|
|
</AdminSettingRow>
|
|
|
|
{#if config.ENABLE_CODE_EXECUTION}
|
|
<AdminSettingRow
|
|
label={$i18n.t('Code Execution Engine')}
|
|
description={config.CODE_EXECUTION_ENGINE === 'jupyter'
|
|
? $i18n.t(
|
|
'Warning: Jupyter execution enables arbitrary code execution, posing severe security risks—proceed with extreme caution.'
|
|
)
|
|
: $i18n.t('Choose the runtime used for generated code blocks.')}
|
|
>
|
|
<SettingsSelect
|
|
bind:value={config.CODE_EXECUTION_ENGINE}
|
|
placeholder={$i18n.t('Select a engine')}
|
|
required
|
|
>
|
|
<option disabled selected value="">{$i18n.t('Select a engine')}</option>
|
|
{#each engines as engine}
|
|
<option value={engine}>{engine}{engine === 'jupyter' ? ' (Legacy)' : ''}</option>
|
|
{/each}
|
|
</SettingsSelect>
|
|
</AdminSettingRow>
|
|
|
|
{#if config.CODE_EXECUTION_ENGINE === 'jupyter'}
|
|
<AdminSettingField
|
|
label={$i18n.t('Jupyter URL')}
|
|
description={$i18n.t('Connect code execution to a Jupyter server endpoint.')}
|
|
>
|
|
<input
|
|
class={inputClass}
|
|
type="text"
|
|
placeholder={$i18n.t('Enter Jupyter URL')}
|
|
bind:value={config.CODE_EXECUTION_JUPYTER_URL}
|
|
autocomplete="off"
|
|
/>
|
|
</AdminSettingField>
|
|
|
|
<!-- LICENSE covers this Open WebUI wordmark.
|
|
Do not alter, remove, obscure, or replace it except as LICENSE permits:
|
|
https://docs.openwebui.com/license. -->
|
|
<AdminSettingRow
|
|
label={$i18n.t('Jupyter Auth')}
|
|
description={$i18n.t('Select how Open WebUI authenticates with the Jupyter server.')}
|
|
>
|
|
<SettingsSelect
|
|
bind:value={config.CODE_EXECUTION_JUPYTER_AUTH}
|
|
placeholder={$i18n.t('Select an auth method')}
|
|
>
|
|
<option selected value="">{$i18n.t('None')}</option>
|
|
<option value="token">{$i18n.t('Token')}</option>
|
|
<option value="password">{$i18n.t('Password')}</option>
|
|
</SettingsSelect>
|
|
</AdminSettingRow>
|
|
|
|
{#if config.CODE_EXECUTION_JUPYTER_AUTH}
|
|
<AdminSettingField
|
|
label={config.CODE_EXECUTION_JUPYTER_AUTH === 'password'
|
|
? $i18n.t('Jupyter Password')
|
|
: $i18n.t('Jupyter Token')}
|
|
description={$i18n.t('Credentials used to authenticate with the Jupyter server.')}
|
|
>
|
|
{#if config.CODE_EXECUTION_JUPYTER_AUTH === 'password'}
|
|
<SensitiveInput
|
|
variant="settings"
|
|
type="text"
|
|
placeholder={$i18n.t('Enter Jupyter Password')}
|
|
bind:value={config.CODE_EXECUTION_JUPYTER_AUTH_PASSWORD}
|
|
autocomplete="off"
|
|
/>
|
|
{:else}
|
|
<SensitiveInput
|
|
variant="settings"
|
|
type="text"
|
|
placeholder={$i18n.t('Enter Jupyter Token')}
|
|
bind:value={config.CODE_EXECUTION_JUPYTER_AUTH_TOKEN}
|
|
autocomplete="off"
|
|
/>
|
|
{/if}
|
|
</AdminSettingField>
|
|
{/if}
|
|
|
|
<AdminSettingField
|
|
label={$i18n.t('Code Execution Timeout')}
|
|
description={$i18n.t('Maximum runtime in seconds before execution is stopped.')}
|
|
>
|
|
<input
|
|
class={inputClass}
|
|
type="number"
|
|
bind:value={config.CODE_EXECUTION_JUPYTER_TIMEOUT}
|
|
placeholder={$i18n.t('e.g. 60')}
|
|
autocomplete="off"
|
|
/>
|
|
</AdminSettingField>
|
|
{/if}
|
|
{/if}
|
|
</AdminSettingSection>
|
|
|
|
<AdminSettingSection title={$i18n.t('Code Interpreter')}>
|
|
<AdminSettingRow
|
|
label={$i18n.t('Enable Code Interpreter')}
|
|
description={$i18n.t('Allow models to use the code interpreter tool during chats.')}
|
|
let:labelId
|
|
>
|
|
<Switch bind:state={config.ENABLE_CODE_INTERPRETER} ariaLabelledbyId={labelId} />
|
|
</AdminSettingRow>
|
|
|
|
{#if config.ENABLE_CODE_INTERPRETER}
|
|
<AdminSettingRow
|
|
label={$i18n.t('Code Interpreter Engine')}
|
|
description={config.CODE_INTERPRETER_ENGINE === 'jupyter'
|
|
? $i18n.t(
|
|
'Warning: Jupyter execution enables arbitrary code execution, posing severe security risks—proceed with extreme caution.'
|
|
)
|
|
: $i18n.t('Choose the runtime used by the code interpreter tool.')}
|
|
>
|
|
<SettingsSelect
|
|
bind:value={config.CODE_INTERPRETER_ENGINE}
|
|
placeholder={$i18n.t('Select a engine')}
|
|
required
|
|
>
|
|
<option disabled selected value="">{$i18n.t('Select a engine')}</option>
|
|
{#each engines as engine}
|
|
<option value={engine}>{engine}{engine === 'jupyter' ? ' (Legacy)' : ''}</option>
|
|
{/each}
|
|
</SettingsSelect>
|
|
</AdminSettingRow>
|
|
|
|
{#if config.CODE_INTERPRETER_ENGINE === 'jupyter'}
|
|
<AdminSettingField
|
|
label={$i18n.t('Jupyter URL')}
|
|
description={$i18n.t('Connect code interpreter to a Jupyter server endpoint.')}
|
|
>
|
|
<input
|
|
class={inputClass}
|
|
type="text"
|
|
placeholder={$i18n.t('Enter Jupyter URL')}
|
|
bind:value={config.CODE_INTERPRETER_JUPYTER_URL}
|
|
autocomplete="off"
|
|
/>
|
|
</AdminSettingField>
|
|
|
|
<!-- LICENSE covers this Open WebUI wordmark.
|
|
Do not alter, remove, obscure, or replace it except as LICENSE permits:
|
|
https://docs.openwebui.com/license. -->
|
|
<AdminSettingRow
|
|
label={$i18n.t('Jupyter Auth')}
|
|
description={$i18n.t('Select how Open WebUI authenticates with the Jupyter server.')}
|
|
>
|
|
<SettingsSelect
|
|
bind:value={config.CODE_INTERPRETER_JUPYTER_AUTH}
|
|
placeholder={$i18n.t('Select an auth method')}
|
|
>
|
|
<option selected value="">{$i18n.t('None')}</option>
|
|
<option value="token">{$i18n.t('Token')}</option>
|
|
<option value="password">{$i18n.t('Password')}</option>
|
|
</SettingsSelect>
|
|
</AdminSettingRow>
|
|
|
|
{#if config.CODE_INTERPRETER_JUPYTER_AUTH}
|
|
<AdminSettingField
|
|
label={config.CODE_INTERPRETER_JUPYTER_AUTH === 'password'
|
|
? $i18n.t('Jupyter Password')
|
|
: $i18n.t('Jupyter Token')}
|
|
description={$i18n.t('Credentials used to authenticate with the Jupyter server.')}
|
|
>
|
|
{#if config.CODE_INTERPRETER_JUPYTER_AUTH === 'password'}
|
|
<SensitiveInput
|
|
variant="settings"
|
|
type="text"
|
|
placeholder={$i18n.t('Enter Jupyter Password')}
|
|
bind:value={config.CODE_INTERPRETER_JUPYTER_AUTH_PASSWORD}
|
|
autocomplete="off"
|
|
/>
|
|
{:else}
|
|
<SensitiveInput
|
|
variant="settings"
|
|
type="text"
|
|
placeholder={$i18n.t('Enter Jupyter Token')}
|
|
bind:value={config.CODE_INTERPRETER_JUPYTER_AUTH_TOKEN}
|
|
autocomplete="off"
|
|
/>
|
|
{/if}
|
|
</AdminSettingField>
|
|
{/if}
|
|
|
|
<AdminSettingField
|
|
label={$i18n.t('Code Execution Timeout')}
|
|
description={$i18n.t('Maximum runtime in seconds before execution is stopped.')}
|
|
>
|
|
<input
|
|
class={inputClass}
|
|
type="number"
|
|
bind:value={config.CODE_INTERPRETER_JUPYTER_TIMEOUT}
|
|
placeholder={$i18n.t('e.g. 60')}
|
|
autocomplete="off"
|
|
/>
|
|
</AdminSettingField>
|
|
{/if}
|
|
|
|
<AdminSettingField
|
|
label={$i18n.t('Code Interpreter Prompt Template')}
|
|
description={$i18n.t(
|
|
'Leave empty to use the default prompt, or enter a custom prompt.'
|
|
)}
|
|
>
|
|
<Textarea
|
|
className={textareaClass}
|
|
bind:value={config.CODE_INTERPRETER_PROMPT_TEMPLATE}
|
|
placeholder={$i18n.t(
|
|
'Leave empty to use the default prompt, or enter a custom prompt'
|
|
)}
|
|
/>
|
|
</AdminSettingField>
|
|
{/if}
|
|
</AdminSettingSection>
|
|
{/if}
|
|
</div>
|
|
<div class="flex justify-end pt-6 text-sm font-normal">
|
|
<button
|
|
class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
|
|
type="submit"
|
|
>
|
|
{$i18n.t('Save')}
|
|
</button>
|
|
</div>
|
|
</form>
|