Add advanced settings descriptions

src/lang/en.ts

@@ -97,6 +97,18 @@ export const languageEnglish = {
         lorePlus: "LoreBook+ is a experimental feature that uses vectordb instead of just string matching for better bot making experience and better matching performace.",
         topP: "Top P is a probability threshold for nucleus sampling. model considers the results of the tokens with top_p probability mass.",
         openAIFixer: "OpenAI Fixer is a plugin that fixes some of the problems of OpenAI.",
+        sayNothing: "If enabled, it will input 'say nothing' when no string inputed.",
+        showUnrecommended: "If enabled, it will show unrecommended, deprecated settings. it is NOT RECOMMENDED to use these settings.",
+        imageCompression: "If enabled, it will compress images when exporting character. if animated images doesn't works, try disabling this option.",
+        useExperimental: "If enabled, it will show some experimental features.",
+        forceProxyAsOpenAI: "If enabled, it will force to use OpenAI format when using reverse proxy.",
+        forcePlainFetch: "If enabled, it will use browser fetch api instead of native http request. this can cause CORS errors.",
+        autoFillRequestURL: "If enabled, it will autofill request url to match the current model.",
+        chainOfThought: "If enabled, it will add chain of thought prompt to the prompt.",
+        gptVisionQuality: "This option is used to set the quality of the image detection model. the higher the quality, the more accurate the detection, but more tokens are used.",
+        genTimes: "This option is used to set the number of responses to generate on support models. other then first response will be act as cached reroll. this can reduce the cost of the model, but it can also increase the cost if you use it without reroll.",
+        requestretrys: "This option is used to set the number of request retrys when request fails.",
+        emotionPrompt: "This option is used to set the prompt that is used to detect emotion. if it is blank, it will use the default prompt.",
     },
     setup: {
         chooseProvider: "Choose AI Provider",

src/lib/Setting/Pages/AdvancedSettings.svelte

@@ -25,16 +25,16 @@
 <span class="text-textcolor">{language.descriptionPrefix}</span>
 <TextInput marginBottom={true} size={"sm"} bind:value={$DataBase.descriptionPrefix}/>
 
-<span class="text-textcolor">{language.emotionPrompt}</span>
+<span class="text-textcolor">{language.emotionPrompt} <Help key="emotionPrompt"/></span>
 <TextInput marginBottom={true} size={"sm"} bind:value={$DataBase.emotionPrompt2} placeholder="Leave it blank to use default"/>
 
 <span class="text-textcolor">Kei Server URL</span>
 <TextInput marginBottom={true} size={"sm"} bind:value={$DataBase.keiServerURL} placeholder="Leave it blank to use default"/>
 
-<span class="text-textcolor">{language.requestretrys}</span>
+<span class="text-textcolor">{language.requestretrys} <Help key="requestretrys"/></span>
 <NumberInput marginBottom={true} size={"sm"} min={0} max={20} bind:value={$DataBase.requestRetrys}/>
 
-<span class="text-textcolor">{language.genTimes}</span>
+<span class="text-textcolor">{language.genTimes} <Help key="genTimes"/></span>
 <NumberInput marginBottom={true} size={"sm"} min={0} max={4096} bind:value={$DataBase.genTime}/>
 
 <span class="text-textcolor">Request Lib</span>
@@ -43,7 +43,7 @@
     <OptionInput value="old">Tauri</OptionInput>
 </SelectInput>
 
-<span class="text-textcolor mt-4">GPT Vision Quality</span>
+<span class="text-textcolor mt-4">GPT Vision Quality <Help key="gptVisionQuality"/></span>
 {#if $DataBase.inlayImage}
     <SelectInput bind:value={$DataBase.gptVisionQuality}>
         <OptionInput value="low">Low</OptionInput>
@@ -52,28 +52,25 @@
 {/if}
 
 <div class="flex items-center mt-4">
-    <Check bind:check={$DataBase.useSayNothing} name={language.sayNothing}/>
+    <Check bind:check={$DataBase.useSayNothing} name={language.sayNothing}> <Help key="sayNothing"/></Check>
 </div>
 <div class="flex items-center mt-4">
-    <Check bind:check={$DataBase.showUnrecommended} name={language.showUnrecommended}/>
+    <Check bind:check={$DataBase.showUnrecommended} name={language.showUnrecommended}> <Help key="showUnrecommended"/></Check>
 </div>
 <div class="flex items-center mt-4">
-    <Check bind:check={$DataBase.imageCompression} name={language.imageCompression}/>
+    <Check bind:check={$DataBase.imageCompression} name={language.imageCompression}> <Help key="imageCompression"/></Check>
 </div>
 <div class="flex items-center mt-4">
-    <Check bind:check={$DataBase.useExperimental} name={language.useExperimental}/>
+    <Check bind:check={$DataBase.useExperimental} name={language.useExperimental}> <Help key="useExperimental"/></Check>
 </div>
 <div class="flex items-center mt-4">
-    <Check bind:check={$DataBase.forceProxyAsOpenAI} name={language.forceProxyAsOpenAI}/>
+    <Check bind:check={$DataBase.forceProxyAsOpenAI} name={language.forceProxyAsOpenAI}> <Help key="forceProxyAsOpenAI"/></Check>
 </div>
 <div class="flex items-center mt-4">
-    <Check bind:check={$DataBase.usePlainFetch} name={language.forcePlainFetch}/>
-    {#if $DataBase.usePlainFetch}
-        <span class="text-draculared text-xs ml-2">{language.usePlainFetchWarn}</span>
-    {/if}
+    <Check bind:check={$DataBase.usePlainFetch} name={language.forcePlainFetch}> <Help key="forcePlainFetch"/></Check>
 </div>
 <div class="flex items-center mt-4">
-    <Check bind:check={$DataBase.autofillRequestUrl} name={language.autoFillRequestURL}/>
+    <Check bind:check={$DataBase.autofillRequestUrl} name={language.autoFillRequestURL}> <Help key="autoFillRequestURL"/></Check>
 </div>
 <div class="flex items-center mt-4">
     <Check bind:check={$DataBase.newOAIHandle} name={language.newOAIHandle}/>
@@ -98,7 +95,7 @@
 </div>
 <div class="flex items-center mt-4">
     <Check bind:check={$DataBase.chainOfThought} name={language.cot}>
-        <Help key="experimental"/>
+        <Help key="chainOfThought"/><Help key="experimental"/>
     </Check>
 </div>
 <div class="flex items-center mt-4">