Add seperate models

src/lib/Setting/Pages/PromptSettings.svelte

@@ -13,6 +13,8 @@
     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 Arcodion from "src/lib/UI/Arcodion.svelte";
+    import ModelList from "src/lib/UI/ModelList.svelte";
 
     let sorted = 0
     let opened = 0
@@ -164,4 +166,39 @@
         <span class="text-textcolor mt-4">{language.extractJson} <Help key='extractJson' /></span>
         <TextInput bind:value={DBState.db.extractJson}/>
     {/if}
+
+    
+    <div class="flex items-center mt-4">
+        <Check bind:check={DBState.db.seperateModelsForAxModels} name={language.seperateModelsForAxModels}>
+            <Help key="experimentalChatCompressionDesc"/><Help key="experimental"/>
+        </Check>
+    </div>
+
+    {#if DBState.db.seperateModelsForAxModels}
+        <Arcodion name={language.axModelsDef} styled>
+            <span class="text-textcolor mt-4">
+                Memory
+            </span>
+            <ModelList bind:value={DBState.db.seperateModels.memory} />
+
+            <span class="text-textcolor mt-4">
+                Translations
+            </span>
+            <ModelList bind:value={DBState.db.seperateModels.translate} />
+
+            <span class="text-textcolor mt-4">
+                Emotion
+            </span>
+
+            <ModelList bind:value={DBState.db.seperateModels.emotion} />
+
+            <span class="text-textcolor mt-4">
+                OtherAx
+            </span>
+
+            <ModelList bind:value={DBState.db.seperateModels.otherAx} />
+            
+        </Arcodion>
+    {/if}
+
 {/if}