refac

src/lib/components/chat/Chat.svelte

@@ -680,8 +680,10 @@
 									responseMessage.done = true;
 
 									if (responseMessage.content == '') {
-										responseMessage.error = true;
-										responseMessage.errorContent = 'Oops! No text generated from Ollama, Please try again.';
+										responseMessage.error = {
+											code: 400,
+											content: `Oops! No text generated from Ollama, Please try again.`
+										};
 									}
 
 									responseMessage.context = data.context ?? null;
@@ -753,24 +755,21 @@
 				console.log(error);
 				if ('detail' in error) {
 					toast.error(error.detail);
-					responseMessage.errorContent = error.detail;
+					responseMessage.error = { content: error.detail };
 				} else {
 					toast.error(error.error);
-					responseMessage.errorContent = error.error;
+					responseMessage.error = { content: error.error };
 				}
 			} else {
 				toast.error(
 					$i18n.t(`Uh-oh! There was an issue connecting to {{provider}}.`, { provider: 'Ollama' })
 				);
-				responseMessage.errorContent = $i18n.t(`Uh-oh! There was an issue connecting to {{provider}}.`, {
-					provider: 'Ollama'
-				});
+				responseMessage.error = {
+					content: $i18n.t(`Uh-oh! There was an issue connecting to {{provider}}.`, {
+						provider: 'Ollama'
+					})
+				};
 			}
-
-			responseMessage.error = true;
-			responseMessage.errorContent = $i18n.t(`Uh-oh! There was an issue connecting to {{provider}}.`, {
-				provider: 'Ollama'
-			});
 			responseMessage.done = true;
 			messages = messages;
 		}
@@ -1034,13 +1033,13 @@
 			errorMessage = innerError.message;
 		}
 
-		responseMessage.error = true;
-		responseMessage.errorContent =
-			$i18n.t(`Uh-oh! There was an issue connecting to {{provider}}.`, {
+		responseMessage.error = {
+			content: $i18n.t(`Uh-oh! There was an issue connecting to {{provider}}.`, {
 				provider: model.name ?? model.id
 			}) +
 			'\n' +
 			errorMessage;
+		};
 		responseMessage.done = true;
 
 		messages = messages;

src/lib/components/chat/Messages/ResponseMessage.svelte

@@ -453,7 +453,7 @@
 						<div class="w-full">
 							{#if message.content === '' && !message.error}
 								<Skeleton />
-							{:else if !message.error || message.errorContent}
+							{:else if !message.error}
 								{#each tokens as token, tokenIdx}
 									{#if token.type === 'code'}
 										<CodeBlock
@@ -471,7 +471,7 @@
 									{/if}
 								{/each}
 							{/if}
-							{#if message.error === true}
+							{#if message.error}
 								<div
 									class="flex mt-2 mb-4 space-x-2 border px-4 py-3 border-red-800 bg-red-800/30 font-medium rounded-lg"
 								>
@@ -491,7 +491,7 @@
 									</svg>
 
 									<div class=" self-center">
-										{message.errorContent ?? message.content}
+										{message?.error?.content ?? message.content}
 									</div>
 								</div>
 							{/if}