{
e.preventDefault()
e.dataTransfer.dropEffect = 'move'
e.currentTarget.classList.add('bg-green-500')
}} on:dragleave={(e) => {
e.currentTarget.classList.remove('bg-green-500')
}} on:drop={(e) => {
e.preventDefault()
e.currentTarget.classList.remove('bg-green-500')
const da = currentDrag
if(da && char.type === 'folder'){
inserter(da,{index:0,folder:char.id})
}
}} on:dragenter={preventAll}/>
{#each char.folder as char2, ind}
{if(char.type === 'folder'){avatarDragStart({index: ind, folder:char.id}, e)}}}
on:dragover={avatarDragOver}
on:drop={(e) => {if(char.type === 'folder'){avatarDrop({index: ind, folder:char.id}, e)}}}
on:dragenter={preventAll}
>
{
if(char2.type === "normal"){
changeChar(char2.index, {reseter});
}
}}
on:keydown={(e) => {
if (e.key === "Enter") {
if(char2.type === "normal"){
changeChar(char2.index, {reseter});
}
}
}}
tabindex="0"
>
{
e.preventDefault()
e.dataTransfer.dropEffect = 'move'
e.currentTarget.classList.add('bg-green-500')
}} on:dragleave={(e) => {
e.currentTarget.classList.remove('bg-green-500')
}} on:drop={(e) => {
e.preventDefault()
e.currentTarget.classList.remove('bg-green-500')
const da = currentDrag
if(da && char.type === 'folder'){
inserter(da,{index:ind+1,folder:char.id})
}
}} on:dragenter={preventAll}/>
{/each}
{/key}
{/if}
{
e.dataTransfer.dropEffect = 'move'
e.currentTarget.classList.add('bg-green-500')
}} on:dragleave={(e) => {
e.currentTarget.classList.remove('bg-green-500')
}} on:drop={(e) => {
e.preventDefault()
e.currentTarget.classList.remove('bg-green-500')
const da = currentDrag
if(da){
inserter(da,{index:ind+1})
}
}} on:dragenter={preventAll} />
{/each}
{
addCharacter({reseter})
}}
>
{
if($sideBarClosing){
$sideBarClosing = false
sideBarStore.set(false)
}
}}
>
{#if sideBarMode === 0}
{#if $selectedCharID < 0 || $settingsOpen}
Welcome to RisuAI!
Select a bot to start chating
{:else if $CurrentCharacter?.chaId === '§playground'}
{:else if $ConnectionOpenStore}
{language.connectionOpen}
{language.connectionOpenInfo}
ID:
{$RoomIdStore}
{#if $ConnectionIsHost}
{language.connectionHost}
{:else}
{language.connectionGuest}
{/if}
{:else}
{#if $DataBase.enableDevTools}
{/if}
{#if devTool}
{:else if $botMakerMode}
{:else}
{/if}
{/if}
{/if}
{
if($sideBarClosing){
return
}
$sideBarClosing = true;
}}
class:sidebar-dark-animation={!$sideBarClosing}
class:sidebar-dark-close-animation={$sideBarClosing}>