[feat] added character lore settings

src/lib/ChatScreens/CreatorQuote.svelte

@@ -1,6 +1,6 @@
-<div class="flex w-full justify-center">
-    <div class="w-3xl max-w-80p bg-darkbg rounded-md p-3 text-white text-sm">
-        <h1 class="text-xl font-bold mb-2">{language.creatorNotes}
+<div class="flex w-full justify-center mt-4 max-w-100vw">
+    <div class="w-5/6 max-w-80vw bg-darkbg rounded-md p-3 text-white text-sm">
+        <h1 class="font-bold mb-2">{language.creatorNotes}
             <button class="float-right" on:click={onRemove}>
                 <XIcon />
             </button>

src/lib/SideBars/LoreBookSetting.svelte

@@ -5,6 +5,7 @@
     import { DownloadIcon, FolderUpIcon, ImportIcon, PlusIcon } from "lucide-svelte";
     import { addLorebook, exportLoreBook, importLoreBook } from "../../ts/process/lorebook";
     import LoreBookData from "./LoreBookData.svelte";
+    import Check from "../Others/Check.svelte";
     let submenu = 0
 </script>
 
@@ -25,42 +26,71 @@
         <span>{language.settings}</span>
     </button>
 </div>
-<span class="text-gray-500 mt-2 mb-6 text-sm">{submenu === 0 ? $DataBase.characters[$selectedCharID].type === 'group' ? language.groupLoreInfo : language.globalLoreInfo : language.localLoreInfo}</span>
-
-<div class="border-solid border-borderc p-2 flex flex-col border-1">
-    {#if submenu === 0}
-        {#if $DataBase.characters[$selectedCharID].globalLore.length === 0}
-            <span class="text-gray-500">No Lorebook</span>
-        {:else}
-            {#each $DataBase.characters[$selectedCharID].globalLore as book, i}
-                {#if i !== 0}
-                    <div class="border-borderc mt-2 mb-2 w-full border-solid border-b-1 seperator"></div>
-                {/if}
-                <LoreBookData bind:value={$DataBase.characters[$selectedCharID].globalLore[i]} onRemove={() => {
-                    let lore  = $DataBase.characters[$selectedCharID].globalLore
-                    lore.splice(i, 1)
-                    $DataBase.characters[$selectedCharID].globalLore = lore
-                }}/>
-            {/each}
+{#if submenu !== 2}
+    <span class="text-gray-500 mt-2 mb-6 text-sm">{submenu === 0 ? $DataBase.characters[$selectedCharID].type === 'group' ? language.groupLoreInfo : language.globalLoreInfo : language.localLoreInfo}</span>
+    <div class="border-solid border-borderc p-2 flex flex-col border-1">
+        {#if submenu === 0}
+            {#if $DataBase.characters[$selectedCharID].globalLore.length === 0}
+                <span class="text-gray-500">No Lorebook</span>
+            {:else}
+                {#each $DataBase.characters[$selectedCharID].globalLore as book, i}
+                    {#if i !== 0}
+                        <div class="border-borderc mt-2 mb-2 w-full border-solid border-b-1 seperator"></div>
+                    {/if}
+                    <LoreBookData bind:value={$DataBase.characters[$selectedCharID].globalLore[i]} onRemove={() => {
+                        let lore  = $DataBase.characters[$selectedCharID].globalLore
+                        lore.splice(i, 1)
+                        $DataBase.characters[$selectedCharID].globalLore = lore
+                    }}/>
+                {/each}
+            {/if}
+        {:else if submenu === 1}
+            {#if $DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore.length === 0}
+                <span class="text-gray-500">No Lorebook</span>
+            {:else}
+                {#each $DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore as book, i}
+                    {#if i !== 0}
+                        <div class="border-borderc mt-2 mb-2 w-full border-solid border-b-1 seperator"></div>
+                    {/if}
+                    <LoreBookData bind:value={$DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore[i]} onRemove={() => {
+                        let lore  = $DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore
+                        lore.splice(i, 1)
+                        $DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore = lore
+                    }}/>
+                {/each}
+            {/if}
         {/if}
+    </div>
+{:else}
+    {#if $DataBase.characters[$selectedCharID].loreSettings}
+        <div class="flex items-center mt-4">
+            <Check check={false} onChange={() => {
+                $DataBase.characters[$selectedCharID].loreSettings = undefined
+            }}/>
+            <span>{language.useGlobalSettings}</span>
+        </div>
+        <div class="flex items-center mt-4">
+            <Check bind:check={$DataBase.characters[$selectedCharID].loreSettings.recursiveScanning}/>
+            <span>{language.recursiveScanning}</span>
+        </div>
+        <span class="text-neutral-200 mt-4 mb-2">{language.loreBookDepth}</span>
+        <input class="text-neutral-200 mb-4 p-2 bg-transparent input-text focus:bg-selected text-sm" type="number" min={0} max="20" bind:value={$DataBase.characters[$selectedCharID].loreSettings.scanDepth}>
+        <span class="text-neutral-200">{language.loreBookToken}</span>
+        <input class="text-neutral-200 mb-4 p-2 bg-transparent input-text focus:bg-selected text-sm" type="number" min={0} max="4096" bind:value={$DataBase.characters[$selectedCharID].loreSettings.tokenBudget}>
     {:else}
-        {#if $DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore.length === 0}
-            <span class="text-gray-500">No Lorebook</span>
-        {:else}
-            {#each $DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore as book, i}
-                {#if i !== 0}
-                    <div class="border-borderc mt-2 mb-2 w-full border-solid border-b-1 seperator"></div>
-                {/if}
-                <LoreBookData bind:value={$DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore[i]} onRemove={() => {
-                    let lore  = $DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore
-                    lore.splice(i, 1)
-                    $DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore = lore
-                }}/>
-            {/each}
-        {/if}
+        <div class="flex items-center mt-4">
+            <Check check={true} onChange={() => {
+                $DataBase.characters[$selectedCharID].loreSettings = {
+                    tokenBudget: $DataBase.loreBookToken,
+                    scanDepth:$DataBase.loreBookDepth,
+                    recursiveScanning: false
+                }
+            }}/>
+            <span>{language.useGlobalSettings}</span>
+        </div>
     {/if}
-
-</div>
+{/if}
+{#if submenu !== 2}
 
 <div class="text-gray-500 mt-2 flex">
     <button on:click={() => {addLorebook(submenu)}} class="hover:text-neutral-200 cursor-pointer">
@@ -77,7 +107,7 @@
         <FolderUpIcon />
     </button>
 </div>
-
+{/if}
 <style>
     .seperator{
         border-top: 0px;