Refactor ChatFormatSettings component to BotSettings and OobaSettings pages

This commit is contained in:
kwaroran
2024-04-23 18:26:41 +09:00
parent e2e7031210
commit b33ab24894
3 changed files with 33 additions and 44 deletions

View File

@@ -0,0 +1,24 @@
<script lang="ts">
import TextAreaInput from "src/lib/UI/GUI/TextAreaInput.svelte";
import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
import { DataBase } from "src/ts/storage/database";
</script>
<span class="text-textcolor">Chat Formating</span>
<SelectInput bind:value={$DataBase.instructChatTemplate}>
<OptionInput value="chatml">ChatML</OptionInput>
<OptionInput value="llama3">Llama3</OptionInput>
<OptionInput value="gpt2">GPT2</OptionInput>
<OptionInput value="gemma">Gemma</OptionInput>
<OptionInput value="mistral">Mistral</OptionInput>
<OptionInput value="llama2">Llama2</OptionInput>
<OptionInput value="vicuna">Vicuna</OptionInput>
<OptionInput value="alpaca">Alpaca</OptionInput>
<OptionInput value="jinja">Custom (Jinja)</OptionInput>
</SelectInput>
{#if $DataBase.instructChatTemplate === 'jinja'}
<span class="text-textcolor">Jinja Template</span>
<TextAreaInput fullwidth autocomplete="off" height={"24"} bind:value={$DataBase.JinjaTemplate} />
{/if}