fix: openai error handling

src/lib/components/chat/Chat.svelte

@@ -1783,11 +1783,20 @@
 			},
 			`${WEBUI_BASE_URL}/api`
 		).catch(async (error) => {
-			toast.error(`${error}`);
+			console.log(error);
 
+			let errorMessage = $i18n.t(`Uh-oh! There was an issue with the response.`);
+			if (error?.error?.message) {
+				errorMessage = error.error.message;
+			} else if (error?.message) {
+				errorMessage = error.message;
+			}
+
+			toast.error(`${errorMessage}`);
 			responseMessage.error = {
 				content: error
 			};
+
 			responseMessage.done = true;
 
 			history.messages[responseMessageId] = responseMessage;

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

@@ -10,6 +10,20 @@
 	</div>
 
 	<div class=" self-center text-sm">
-		{typeof content === 'string' ? content : JSON.stringify(content)}
+		{#if typeof content === 'string'}
+			{content}
+		{:else if typeof content === 'object' && content !== null}
+			{#if content?.error && content?.error?.message}
+				{content.error.message}
+			{:else if content?.detail}
+				{content.detail}
+			{:else if content?.message}
+				{content.message}
+			{:else}
+				{JSON.stringify(content)}
+			{/if}
+		{:else}
+			{JSON.stringify(content)}
+		{/if}
 	</div>
 </div>