update error handling

src/lib/components/chat/User.svelte

@@ -115,7 +115,7 @@
 	}
 
 	async function handleTriggerAiCall(newNodes: Node[]) {
-		const results = await Promise.all(
+		let results = await Promise.all(
 			newNodes.map(async (node) => {
 				const model = node?.data?.selectedModel as ChatModel;
 				if (!model) return;
@@ -216,7 +216,13 @@
 						id,
 						{
 							...nodeData.current?.data,
-							messages
+							messages,
+							selectedModels: selectedModels.map((m) => {
+								if (m.id === model.id) {
+									return { ...m, isError: true };
+								}
+								return m;
+							})
 						},
 						{ replace: true }
 					);
@@ -228,12 +234,19 @@
 						);
 					}
 					errorMessage += `\n${msg}`;
+					return null;
 				} finally {
 					loading = false;
 				}
 			})
 		);
 
+		results = results.filter((result) => result !== null);
+
+		if (results.length === 0) {
+			return;
+		}
+
 		const assistantMessage = results.reduce<ChatMessage>(
 			(acc, result) => (result ? { ...acc, ...result } : acc),
 			{ role: 'assistant' }
@@ -249,7 +262,7 @@
 			},
 			data: {
 				role: 'user',
-				selectedModels,
+				selectedModels: selectedModels.filter((m) => !m.isError),
 				messages: [...messages, assistantMessage]
 			}
 		};

src/lib/components/error/Error.svelte

@@ -7,13 +7,12 @@
 
 	let { error = $bindable() } = $props();
 	let showAlert = $state(false);
-	// be able to close the alert!
 
 	$effect(() => {
 		if (error) {
 			showAlert = true;
-			const timer = setTimeout(() => (showAlert = false), 6_000);
-			return () => clearTimeout(timer);
+			// const timer = setTimeout(() => (showAlert = false), 6_000);
+			// return () => clearTimeout(timer);
 		} else {
 			showAlert = false;
 		}

src/routes/+page.svelte

@@ -38,7 +38,7 @@
 				data: {
 					isFirstNode: true,
 					showWelcome: true,
-					selectedModels: modelsState.models.slice(0, MAX_DEFAULT_MODELS) as ChatModel[]
+					selectedModels: modelsState.models.slice(2, 2 + MAX_DEFAULT_MODELS) as ChatModel[]
 				}
 			}
 		];