{#if currentChar.type === 'character'} {/if}

{#if subMenu === 0} {#if currentChar.type !== 'group'} {language.description} {tokens.desc} {language.tokens} {language.firstMessage} {tokens.firstMsg} {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}

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

{language.jailbreakToggle}

{#if $DataBase.supaMemoryType !== 'none'}

{language.ToggleSuperMemory}

{/if} {: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 === 4} {#if currentChar.type === 'character'}

{language.scripts}

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.regexScript} {#if currentChar.data.customscript.length === 0}

No Scripts

{/if} {#each currentChar.data.customscript as customscript, i} { if(currentChar.type === 'character'){ let customscript = currentChar.data.customscript customscript.splice(i, 1) currentChar.data.customscript = customscript } }}/> {/each}

{/if} {:else if subMenu === 5} {#if currentChar.type === 'character'}

TTS

{language.provider} {#if currentChar.data.ttsMode === 'webspeech'} {#if !speechSynthesis} Web Speech isn't supported in your browser or OS {:else} {language.Speech} {#if currentChar.data.ttsSpeech !== ''} If you do not set it to Auto, it may not work properly when importing from another OS or browser. {/if} {/if} {:else if currentChar.data.ttsMode === 'elevenlab'} Please set the ElevenLabs API key in "global Settings → Bot Settings → Others → ElevenLabs API key" {#await getElevenTTSVoices() then voices} {language.Speech} {/await} {/if} {#if currentChar.data.ttsMode === 'webspeech' || currentChar.data.ttsMode === 'elevenlab'}

{language.ttsReadOnlyQuoted}

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

{language.advancedSettings}

{#if currentChar.type !== 'group'} {language.exampleMessage} {language.creatorNotes} {language.systemPrompt} {language.replaceGlobalNote} {#if currentChar.data.chats[currentChar.data.chatPage].supaMemoryData && currentChar.data.chats[currentChar.data.chatPage].supaMemoryData.length > 4} {language.SuperMemory} {/if} {#if $DataBase.showUnrecommended || currentChar.data.personality.length > 3} {language.personality} {/if} {#if $DataBase.showUnrecommended || currentChar.data.scenario.length > 3} {language.scenario} {/if} {language.creator} {language.CharVersion} {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-2">{language.additionalAssets} <Help key="additionalAssets" /></span> <table class="contain w-full max-w-full tabler mt-2"> <tr> <th class="font-medium">{language.value}</th> <th class="font-medium cursor-pointer w-10"> <button class="hover:text-green-500" on:click={async () => { if(currentChar.type === 'character'){ const da = await selectMultipleFile(['png', 'webp', 'mp4', 'mp3']) currentChar.data.additionalAssets = currentChar.data.additionalAssets ?? [] if(!da){ return } for(const f of da){ console.log(f) const img = f.data const imgp = await saveAsset(img) const name = f.name currentChar.data.additionalAssets.push([name, imgp]) currentChar.data.additionalAssets = currentChar.data.additionalAssets } } }}> <PlusIcon /> </button> </th> </tr> {#if (!currentChar.data.additionalAssets) \|\| currentChar.data.additionalAssets.length === 0} <tr> <div class="text-gray-500"> No Assets</div> </tr> {:else} {#each currentChar.data.additionalAssets as assets, i} <tr> <td class="font-medium truncate"> <input class="text-neutral-200 mt-2 mb-4 p-2 bg-transparent input-text focus:bg-selected w-full resize-none" bind:value={currentChar.data.additionalAssets[i][0]} placeholder="..." /> </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 additionalAssets = currentChar.data.additionalAssets additionalAssets.splice(i, 1) currentChar.data.additionalAssets = additionalAssets } }}> <TrashIcon /> </button> </th> </tr> {/each} {/if} </table> {#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} {#if currentChar.data.chats[currentChar.data.chatPage].supaMemoryData && currentChar.data.chats[currentChar.data.chatPage].supaMemoryData.length > 4} <span class="text-neutral-200">{language.SuperMemory}</span> <textarea class="bg-transparent input-text mt-2 mb-2 text-gray-200 text-xs resize-none h-20 focus:bg-selected" autocomplete="off" bind:value={currentChar.data.chats[currentChar.data.chatPage].supaMemoryData}> {/if} {#if $DataBase.useExperimental} {language.useCharLorebook} {/if} {/if} {/if}

{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-2">{language.additionalAssets} <Help key="additionalAssets" /></span>
        <table class="contain w-full max-w-full tabler mt-2">
            <tr>
                <th class="font-medium">{language.value}</th>
                <th class="font-medium cursor-pointer w-10">
                    <button class="hover:text-green-500" on:click={async () => {
                        if(currentChar.type === 'character'){
                            const da = await selectMultipleFile(['png', 'webp', 'mp4', 'mp3'])
                            currentChar.data.additionalAssets = currentChar.data.additionalAssets ?? []
                            if(!da){
                                return
                            }
                            for(const f of da){
                                console.log(f)
                                const img = f.data
                                const imgp = await saveAsset(img)
                                const name = f.name
                                currentChar.data.additionalAssets.push([name, imgp])
                                currentChar.data.additionalAssets = currentChar.data.additionalAssets
                            }
                        }
                    }}>
                        <PlusIcon />
                    </button>
                </th>
            </tr>
            {#if (!currentChar.data.additionalAssets) || currentChar.data.additionalAssets.length === 0}
                <tr>
                    <div class="text-gray-500"> No Assets</div>
                </tr>
            {:else}
                {#each currentChar.data.additionalAssets as assets, i}
                    <tr>
                        <td class="font-medium truncate">
                            <input class="text-neutral-200 mt-2 mb-4 p-2 bg-transparent input-text focus:bg-selected w-full resize-none" bind:value={currentChar.data.additionalAssets[i][0]} placeholder="..." />
                        </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 additionalAssets = currentChar.data.additionalAssets
                                    additionalAssets.splice(i, 1)
                                    currentChar.data.additionalAssets = additionalAssets
                                }
                            }}>
                                <TrashIcon />
                            </button>
                        </th>
                    </tr>
                {/each}
            {/if}
        </table>

{#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}
        {#if currentChar.data.chats[currentChar.data.chatPage].supaMemoryData && currentChar.data.chats[currentChar.data.chatPage].supaMemoryData.length > 4}
            <span class="text-neutral-200">{language.SuperMemory}</span>
            <textarea class="bg-transparent input-text mt-2 mb-2 text-gray-200 text-xs resize-none h-20 focus:bg-selected" autocomplete="off" bind:value={currentChar.data.chats[currentChar.data.chatPage].supaMemoryData}>

{/if} {#if $DataBase.useExperimental}

{language.useCharLorebook}

{/if} {/if} {/if}