{#if subMenu === 0} {#if currentChar.type !== 'group'} {language.description} {tokens.desc} {language.tokens} {language.firstMessage} {tokens.firstMsg} {language.tokens} {language.authorNote} {tokens.charaNote} {language.tokens} {:else} {language.character}

{#if currentChar.data.characters.length === 0} No Character {:else} {#each currentChar.data.characters as char, i} {#await getCharImage(findCharacterbyId(char).image, 'css')} { rmCharFromGroup(i) }}> {:then im} { rmCharFromGroup(i) }} additionalStyle={im} /> {/await} {/each} {/if}

{language.chatNotes} {tokens.localNote} {language.tokens} {/if}

{language.jailbreakToggle}

{:else if subMenu === 1}

{language.characterDisplay}

{currentChar.type !== 'group' ? language.charIcon : language.groupIcon} {#if currentChar.type === 'group'} {/if} {language.viewScreen} {#if currentChar.type !== 'group'} {:else} {/if} {#if currentChar.data.viewScreen === 'emotion'} {language.emotionImage} {language.emotionWarn} {#if currentChar.data.emotionImages.length === 0}

{language.noImages}

{:else} {#each emos as emo, i} {#await getCharImage(emo[1], 'plain')} {:then im} {/await} {/each} {/if}

{language.image}	{language.emotion}

{#if !$addingEmotion} {:else} Loading... {/if}

{/if} {#if currentChar.data.viewScreen === 'imggen'} {language.imageGeneration} {language.emotionWarn} {#if currentChar.data.sdData.length === 0}

{language.noData}

{/if} {#each currentChar.data.sdData as emo, i} {#if (!['always','negative'].includes(currentChar.data.sdData[i][0]))} {:else} {/if} {/each}

{language.key}	{language.value}

{#if !$addingEmotion} {:else} Loading... {/if}

{language.currentImageGeneration} {#if currentChar.data.chats[currentChar.data.chatPage].sdData} {:else}

{language.noData}

{/if} {/if} {:else if subMenu === 3}

{language.loreBook}

{:else if subMenu === 2}

{language.advancedSettings}

{#if currentChar.type !== 'group'} {language.exampleMessage} {language.creatorNotes} {language.systemPrompt} {language.chatNotes} {tokens.localNote} {language.tokens} {#if $DataBase.showUnrecommended || currentChar.data.personality.length > 3} {language.personality} {/if} {#if $DataBase.showUnrecommended || currentChar.data.scenario.length > 3} {language.scenario} {/if} Bias {#if currentChar.data.bias.length === 0}

{language.noBias}

{/if} {#each currentChar.data.bias as bias, i} {/each}

Bias	{language.value}	{ if(currentChar.type === 'character'){ let bia = currentChar.data.bias bia.push(['', 0]) currentChar.data.bias = bia } }}>

{language.altGreet} {#if currentChar.data.alternateGreetings.length === 0}

No Messages

{/if} {#each currentChar.data.alternateGreetings as bias, i}

{language.value}
</td> <th class="font-medium cursor-pointer w-10"> <button class="hover:text-green-500" on:click={() => { if(currentChar.type === 'character'){ currentChar.data.firstMsgIndex = -1 let alternateGreetings = currentChar.data.alternateGreetings alternateGreetings.splice(i, 1) currentChar.data.alternateGreetings = alternateGreetings } }}> <TrashIcon /> </button> </th> </tr> {/each} </table> <span class="text-neutral-200 mt-4">{language.regexScript} <Help key="regexScript"/></span> <table class="contain w-full max-w-full tabler mt-2 flex flex-col p-2 gap-2"> {#if currentChar.data.customscript.length === 0} <div class="text-gray-500">No Scripts</div> {/if} {#each currentChar.data.customscript as customscript, i} <RegexData bind:value={currentChar.data.customscript[i]} onRemove={() => { if(currentChar.type === 'character'){ let customscript = currentChar.data.customscript customscript.splice(i, 1) currentChar.data.customscript = customscript } }}/> {/each} </table> <button class="font-medium cursor-pointer hover:text-green-500 mb-2" on:click={() => { if(currentChar.type === 'character'){ let script = currentChar.data.customscript script.push({ comment: "", in: "", out: "", type: "editinput" }) currentChar.data.customscript = script } }}><PlusIcon /></button> {#if $DataBase.showUnrecommended \|\| currentChar.data.utilityBot} <div class="flex items-center mt-4"> <Check bind:check={currentChar.data.utilityBot}/> <span>{language.utilityBot} <Help key="utilityBot" unrecommended/></span> </div> {/if} <button on:click={async () => { exportChar($selectedCharID) }} class="text-neutral-200 mt-6 text-lg bg-transparent border-solid border-1 border-borderc p-4 hover:bg-green-500 transition-colors cursor-pointer">{language.exportCharacter}</button> {:else} <div class="flex mb-2 items-center"> <Check bind:check={currentChar.data.useCharacterLore}/> <span class="text-neutral-200 ml-2">{language.useCharLorebook} <Help key="experimental"/></span> </div> {/if} <button on:click={async () => { const conf = await alertConfirm(language.removeConfirm + currentChar.data.name) if(!conf){ return } const conf2 = await alertConfirm(language.removeConfirm2 + currentChar.data.name) if(!conf2){ return } let chars = $DataBase.characters chars.splice($selectedCharID, 1) $selectedCharID = -1 $DataBase.characters = chars }} class="text-neutral-200 mt-2 bg-transparent border-solid border-1 border-borderc p-2 hover:bg-draculared transition-colors cursor-pointer">{ currentChar.type === 'group' ? language.removeGroup : language.removeCharacter}</button> {/if} <style> .contain{ border: #6272a4 1px solid } .tabler { table-layout: fixed; } .tabler td { overflow: hidden; text-overflow: ellipsis; } </style>

{language.value}

</td>
                    <th class="font-medium cursor-pointer w-10">
                        <button class="hover:text-green-500" on:click={() => {
                            if(currentChar.type === 'character'){
                                currentChar.data.firstMsgIndex = -1
                                let alternateGreetings = currentChar.data.alternateGreetings
                                alternateGreetings.splice(i, 1)
                                currentChar.data.alternateGreetings = alternateGreetings
                            }
                        }}>
                            <TrashIcon />
                        </button>
                    </th>
                </tr>
            {/each}
        </table>

<span class="text-neutral-200 mt-4">{language.regexScript} <Help key="regexScript"/></span>
        <table class="contain w-full max-w-full tabler mt-2 flex flex-col p-2 gap-2">
            {#if currentChar.data.customscript.length === 0}
                    <div class="text-gray-500">No Scripts</div>
            {/if}
            {#each currentChar.data.customscript as customscript, i}
                <RegexData bind:value={currentChar.data.customscript[i]}  onRemove={() => {
                    if(currentChar.type === 'character'){
                        let customscript = currentChar.data.customscript
                        customscript.splice(i, 1)
                        currentChar.data.customscript = customscript
                    }
                }}/>
            {/each}
        </table>
        <button class="font-medium cursor-pointer hover:text-green-500 mb-2" on:click={() => {
            if(currentChar.type === 'character'){
                let script = currentChar.data.customscript
                script.push({
                  comment: "",
                  in: "",
                  out: "",
                  type: "editinput"
                })
                currentChar.data.customscript = script
            }
        }}><PlusIcon /></button>
      
        {#if $DataBase.showUnrecommended || currentChar.data.utilityBot}
            <div class="flex items-center mt-4">
                <Check bind:check={currentChar.data.utilityBot}/>
                <span>{language.utilityBot} <Help key="utilityBot" unrecommended/></span>
            </div>
        {/if}

<button on:click={async () => {
            exportChar($selectedCharID)
        }} class="text-neutral-200 mt-6 text-lg bg-transparent border-solid border-1 border-borderc p-4 hover:bg-green-500 transition-colors cursor-pointer">{language.exportCharacter}</button>
    
    {:else}

<div class="flex mb-2 items-center">
            <Check bind:check={currentChar.data.useCharacterLore}/>
            <span class="text-neutral-200 ml-2">{language.useCharLorebook} <Help key="experimental"/></span>
        </div>
    
    {/if}
    <button on:click={async () => {
        const conf = await alertConfirm(language.removeConfirm + currentChar.data.name)
        if(!conf){
            return
        }
        const conf2 = await alertConfirm(language.removeConfirm2 + currentChar.data.name)
        if(!conf2){
            return
        }
        let chars = $DataBase.characters
        chars.splice($selectedCharID, 1)
        $selectedCharID = -1
        $DataBase.characters = chars

}} class="text-neutral-200 mt-2 bg-transparent border-solid border-1 border-borderc p-2 hover:bg-draculared transition-colors cursor-pointer">{ currentChar.type === 'group' ? language.removeGroup : language.removeCharacter}</button>
{/if}

.tabler {
    table-layout: fixed;
    }

.tabler td {
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>