Fix whitespace formatting in Markdown.tsx, Message.tsx, useMessage.tsx, and useMessageOption.tsx

src/components/Common/Markdown.tsx

@@ -12,7 +12,6 @@ import { useTranslation } from "react-i18next"
 export default function Markdown({ message }: { message: string }) {
   const [isBtnPressed, setIsBtnPressed] = React.useState(false)
   const { t } = useTranslation("common")
-
   return (
     <React.Fragment>
       <ReactMarkdown

src/components/Common/Playground/Message.tsx

@@ -75,7 +75,13 @@ export const PlaygroundMessage = (props: Props) => {
 
             <div className="flex flex-grow flex-col">
               {!editMode ? (
-                <Markdown message={props.message} />
+                props.isBot ? (
+                  <Markdown message={props.message} />
+                ) : (
+                  <p className="prose dark:prose-invert whitespace-pre-line	 prose-p:leading-relaxed prose-pre:p-0 dark:prose-dark">
+                    {props.message}
+                  </p>
+                )
               ) : (
                 <EditMessageForm
                   value={props.message}

src/hooks/useMessage.tsx

@@ -202,7 +202,7 @@ export const useMessage = () => {
           url: ""
         }
       })
-      message = message.trim().replaceAll("\n", " ")
+     // message = message.trim().replaceAll("\n", " ")
 
       let humanMessage = new HumanMessage({
         content: [
@@ -331,7 +331,8 @@ export const useMessage = () => {
 
     const ollama = new ChatOllama({
       model: selectedModel!,
-      baseUrl: cleanUrl(url)
+      baseUrl: cleanUrl(url),
+      verbose: true
     })
 
     let newMessage: Message[] = []
@@ -374,8 +375,6 @@ export const useMessage = () => {
     try {
       const prompt = await systemPromptForNonRag()
 
-      message = message.trim().replaceAll("\n", " ")
-
       let humanMessage = new HumanMessage({
         content: [
           {

src/hooks/useMessageOption.tsx

@@ -172,7 +172,7 @@ export const useMessageOption = () => {
       const { prompt, source } = await getSystemPromptForWeb(query)
       setIsSearchingInternet(false)
 
-      message = message.trim().replaceAll("\n", " ")
+    //  message = message.trim().replaceAll("\n", " ")
 
       let humanMessage = new HumanMessage({
         content: [
@@ -365,7 +365,7 @@ export const useMessageOption = () => {
       const prompt = await systemPromptForNonRagOption()
       const selectedPrompt = await getPromptById(selectedSystemPrompt)
 
-      message = message.trim().replaceAll("\n", " ")
+      // message = message.trim().replaceAll("\n", " ")
 
       let humanMessage = new HumanMessage({
         content: [
@@ -613,7 +613,7 @@ export const useMessageOption = () => {
           url: ""
         }
       })
-      message = message.trim().replaceAll("\n", " ")
+    //  message = message.trim().replaceAll("\n", " ")
 
       let humanMessage = new HumanMessage({
         content: [

wxt.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
   srcDir: "src",
   outDir: "build",
   manifest: {
-    version: "1.1.3",
+    version: "1.1.4",
     name: '__MSG_extName__',
     description: '__MSG_extDescription__',
     default_locale: 'en',