From e6b6f42139b64e1bfae45bea04232240c6cbbd1a Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Wed, 18 Sep 2024 16:46:13 +0200
Subject: [PATCH] refac: display error content on node

---
 src/lib/components/chat/Overview/Node.svelte | 21 +++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/chat/Overview/Node.svelte b/src/lib/components/chat/Overview/Node.svelte
index 906c572a7..23903b97f 100644
--- a/src/lib/components/chat/Overview/Node.svelte
+++ b/src/lib/components/chat/Overview/Node.svelte
@@ -12,7 +12,10 @@
 <div
 	class="px-4 py-3 shadow-md rounded-xl dark:bg-black bg-white border dark:border-gray-900 w-60 h-20"
 >
-	<Tooltip content={data.message.content} class="w-full">
+	<Tooltip
+		content={data?.message?.error ? data.message.error.content : data.message.content}
+		class="w-full"
+	>
 		{#if data.message.role === 'user'}
 			<div class="flex w-full">
 				<ProfileImageBase
@@ -21,7 +24,12 @@
 				/>
 				<div class="ml-2">
 					<div class="text-xs text-black dark:text-white font-medium">{data.user.name}</div>
-					<div class="text-gray-500 line-clamp-2 text-xs mt-0.5">{data.message.content}</div>
+
+					{#if data?.message?.error}
+						<div class="text-red-500 line-clamp-2 text-xs mt-0.5">{data.message.error.content}</div>
+					{:else}
+						<div class="text-gray-500 line-clamp-2 text-xs mt-0.5">{data.message.content}</div>
+					{/if}
 				</div>
 			</div>
 		{:else}
@@ -33,7 +41,14 @@
 
 				<div class="ml-2">
 					<div class="text-xs text-black dark:text-white font-medium">{data.model.name}</div>
-					<div class="text-gray-500 line-clamp-2 text-xs mt-0.5">{data.message.content}</div>
+
+					{#if data?.message?.error}
+						<div class="text-red-500 line-clamp-2 text-xs mt-0.5">
+							{data.message.error.content}
+						</div>
+					{:else}
+						<div class="text-gray-500 line-clamp-2 text-xs mt-0.5">{data.message.content}</div>
+					{/if}
 				</div>
 			</div>
 		{/if}