[feat] better nai

src/lib/Setting/Pages/BotSettings.svelte

@@ -15,11 +15,11 @@
     import NumberInput from "src/lib/UI/GUI/NumberInput.svelte";
     import SliderInput from "src/lib/UI/GUI/SliderInput.svelte";
     import TextAreaInput from "src/lib/UI/GUI/TextAreaInput.svelte";
-  import Button from "src/lib/UI/GUI/Button.svelte";
-  import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
-  import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
-  import { openRouterModels } from "src/ts/model/openrouter";
-  import { novelLogin } from "src/ts/process/models/nai";
+    import Button from "src/lib/UI/GUI/Button.svelte";
+    import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
+    import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
+    import { openRouterModels } from "src/ts/model/openrouter";
+    import { novelLogin } from "src/ts/process/models/nai";
 
     let tokens = {
         mainPrompt: 0,
@@ -35,6 +35,7 @@
         autoSuggest: ''
     }
     export let openPresetList =false
+    export let goPromptTemplate = () => {}
 
     async function loadTokenize(){
         tokens.mainPrompt = await tokenize($DataBase.mainPrompt)
@@ -309,6 +310,12 @@
 
     <Check bind:check={$DataBase.autoSuggestClean} name={`${language.autoSuggest} suffix removal`}/>
 {:else if $DataBase.aiModel.startsWith('novelai')}
+    <div class="flex flex-col p-3 bg-darkbg mt-4">
+        <span class="text-textcolor">Starter</span>
+        <TextInput bind:value={$DataBase.NAIsettings.starter} placeholder={'[conversation: start]\\n***'} />
+        <span class="text-textcolor">Seperator</span>
+        <TextInput bind:value={$DataBase.NAIsettings.seperator} placeholder={"\\n"}/>
+    </div>
     <span class="text-textcolor">Top P</span>
     <SliderInput min={0} max={1} step={0.01} bind:value={$DataBase.NAIsettings.topP}/>
     <span class="text-textcolor2 mb-6 text-sm">{($DataBase.NAIsettings.topP).toFixed(2)}</span>
@@ -434,6 +441,12 @@
             }}/>
         {/if}
     </div>
-<Button on:click={() => {openPresetList = true}} className="mt-4">{language.presets}</Button>
+
+    {#if ($DataBase.promptTemplate)}
+        <div class="mt-2">
+            <Button on:click={goPromptTemplate} size="sm">{language.promptTemplate}</Button>
+        </div>
+    {/if}
+    <Button on:click={() => {openPresetList = true}} className="mt-4">{language.presets}</Button>
 
 {/if}

src/lib/Setting/Pages/PromptSettings.svelte

@@ -1,24 +1,23 @@
 <script lang="ts">
-    import { PlusIcon } from "lucide-svelte";
+    import { ArrowLeft, PlusIcon } from "lucide-svelte";
     import { language } from "src/lang";
     import ProomptItem from "src/lib/UI/ProomptItem.svelte";
     import type { Proompt } from "src/ts/process/proompt";
-  import { DataBase } from "src/ts/storage/database";
+    import { DataBase } from "src/ts/storage/database";
 
     let sorted = 0
     let opened = 0
-
-    const onOpen = () => {
-        opened += 1
-    }
-    const onClose = () => {
-        opened -= 1
-    }
+    export let onGoBack: () => void = () => {}
 
 </script>
 
-<h2 class="mb-2 text-2xl font-bold mt-2">{language.prompt}</h2>
-<div class="contain w-full max-w-full mt-4 flex flex-col p-3 border-selected border-1 bg-darkbg rounded-md">
+<h2 class="mb-2 text-2xl font-bold mt-2 items-center flex">
+    <button class="mr-2 text-textcolor2 hover:text-textcolor" on:click={onGoBack}>
+        <ArrowLeft />
+    </button>
+    {language.promptTemplate}
+</h2>
+<div class="contain w-full max-w-full mt-4 flex flex-col p-3 rounded-md">
     {#if $DataBase.promptTemplate.length === 0}
             <div class="text-textcolor2">No Format</div>
     {/if}
@@ -28,7 +27,25 @@
                 let templates = $DataBase.promptTemplate
                 templates.splice(i, 1)
                 $DataBase.promptTemplate = templates
-            }}  />
+            }} moveDown={() => {
+                if(i === $DataBase.promptTemplate.length - 1){
+                    return
+                }
+                let templates = $DataBase.promptTemplate
+                let temp = templates[i]
+                templates[i] = templates[i + 1]
+                templates[i + 1] = temp
+                $DataBase.promptTemplate = templates
+            }} moveUp={() => {
+                if(i === 0){
+                    return
+                }
+                let templates = $DataBase.promptTemplate
+                let temp = templates[i]
+                templates[i] = templates[i - 1]
+                templates[i - 1] = temp
+                $DataBase.promptTemplate = templates
+            }} />
         {/each}
     {/key}
 </div>