From 108fccbcb6ce1c074c1fc8cfbd93921786bd449f Mon Sep 17 00:00:00 2001
From: LL <ljh5650@gmail.com>
Date: Tue, 6 Jun 2023 18:39:49 +0900
Subject: [PATCH] [fix]: Apply markdown for auto suggest, improve suggestion
 quality

This commit adds the import for the ParseMarkdown function from the parser module required for translating messages in the Suggestion chat screen.
The code changes also include adding a check for the translator variable in the button toggle handling to avoid unwanted button display. Lastly, the commit updates the template for rendering translated suggest messages.
---
 src/lib/ChatScreens/Suggestion.svelte | 36 +++++++++++++--------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/lib/ChatScreens/Suggestion.svelte b/src/lib/ChatScreens/Suggestion.svelte
index 9ae4309f..2cd0c447 100644
--- a/src/lib/ChatScreens/Suggestion.svelte
+++ b/src/lib/ChatScreens/Suggestion.svelte
@@ -11,6 +11,7 @@
     import { onDestroy } from 'svelte';
     import { processScript } from "src/ts/process/scripts";
     import { get } from "svelte/store";
+    import { ParseMarkdown } from "src/ts/parser";
 
     export let send: () => any;
     export let messageInput:(string:string) => any;
@@ -68,10 +69,9 @@
                 role:'system',
                 content: replacePlaceholders($DataBase.autoSuggestPrompt, currentChar.name)
             }
-            ,
-            {
+            ,{
                 role: 'user', 
-                content: lastMessages.map(b=>(b.role==='char'? 'assistant' : 'user')+":"+b.data).reduce((a,b)=>a+','+b)
+                content: lastMessages.map(b=>(b.role==='char'? currentChar.name : $DataBase.username)+":"+b.data).reduce((a,b)=>a+','+b)
             }
             ]
 
@@ -118,16 +118,18 @@
             <div>{language.creatingSuggestions}</div>
         </div>        
     {:else if !$doingChat}
-        <div class="flex mr-2 mb-2">
-            <button class={"bg-gray-500 hover:bg-gray-700 font-bold py-2 px-4 rounded " + (toggleTranslate ? 'text-green-500' : 'text-white')}
-                on:click={() => {
-                    toggleTranslate = !toggleTranslate
-                    // translateSuggest(toggleTranslate, suggestMessages)
-                }}
-            >
-                <LanguagesIcon/>
-            </button>
-        </div>
+        {#if $DataBase.translator !== ''}
+            <div class="flex mr-2 mb-2">
+                <button class={"bg-gray-500 hover:bg-gray-700 font-bold py-2 px-4 rounded " + (toggleTranslate ? 'text-green-500' : 'text-white')}
+                    on:click={() => {
+                        toggleTranslate = !toggleTranslate
+                    }}
+                >
+                    <LanguagesIcon/>
+                </button>
+            </div>    
+        {/if}
+        
 
         <div class="flex mr-2 mb-2">
             <button class="bg-gray-500 hover:bg-gray-700 font-bold py-2 px-4 rounded text-white"
@@ -151,11 +153,9 @@
                     messageInput(suggest)
                     send()
                 }}>
-                {#if toggleTranslate && suggestMessagesTranslated && suggestMessagesTranslated.length > 0}
-                    {suggestMessagesTranslated[i]??suggest}
-                {:else}
-                    {suggest}
-                {/if}
+                {#await ParseMarkdown(($DataBase.translator !== '' && toggleTranslate && suggestMessagesTranslated && suggestMessagesTranslated.length > 0) ? suggestMessagesTranslated[i]??suggest : suggest) then md}
+                    {@html md}
+                {/await}
                 </button>
                 <button class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded ml-1" on:click={() => {
                     messageInput(suggest)