{#if menuMode === 0}
{#each charImages as charimg, i}
{#if charimg !== ""}
{
changeChar(i);
}}
on:keydown={(e) => {
if (e.key === "Enter") {
changeChar(i);
}
}}
tabindex="0"
>
{:else}
{
changeChar(i);
}}
on:keydown={(e) => {
if (e.key === "Enter") {
changeChar(i);
}
}}
tabindex="0"
>
{/if}
{#if editMode}
{/if}
{/each}
{
if (sideBarMode === 1) {
reseter();
sideBarMode = 0;
} else {
reseter();
sideBarMode = 1;
}
}}
>
{:else}
{
if ($settingsOpen) {
reseter();
settingsOpen.set(false);
} else {
reseter();
settingsOpen.set(true);
}
}}>
{
reseter();
openGrid();
}}>
{/if}
1000}
>
{#if sideBarMode === 0}
{#if $selectedCharID < 0 || $settingsOpen}
Welcome to RisuAI!
Click a bot to start chating
{:else}
{/if}
{:else if sideBarMode === 1}
Create
{language.createfromScratch}
{language.importCharacter}
{language.createGroup}
Edit
{
editMode = !editMode;
$selectedCharID = -1;
}}
class="ml-2 mr-2 mt-2 flex items-center justify-center border-1 border-solid border-borderc p-3 drop-shadow-lg hover:bg-selected"
>
{language.editOrder}
{/if}
{#if openPresetList}