perf: rAF-debounce getContents with visibilitychange fallback

Author: Algorithm5838

src/lib/components/chat/Chat.svelte

@@ -854,17 +854,36 @@
 		};
 		init();
 
+		const onVisibilityChange = () => {
+			if (document.visibilityState === 'visible') {
+				cancelAnimationFrame(contentsRAF);
+				contentsRAF = null;
+				getContents();
+				const contents = get(artifactContents);
+				if (contents && contents.length > 0 && !get(showControls) && !get(mobile)) {
+					showArtifacts.set(true);
+					showControls.set(true);
+				}
+			}
+		};
+		document.addEventListener('visibilitychange', onVisibilityChange);
+
 		return () => {
 			try {
 				clearTimeout(saveControlsTimer);
 				saveControls();
+				cancelAnimationFrame(scrollRAF);
+				cancelAnimationFrame(contentsRAF);
+				scrollRAF = null;
+				contentsRAF = null;
 				if (chatIdProp && !$temporaryChatEnabled) {
 					updateLastReadAt(chatIdProp);
 				}
 				pageSubscribe();
 				showControlsSubscribe();
 				selectedFolderSubscribe();
 				window.removeEventListener('message', onMessageHandler);
+				document.removeEventListener('visibilitychange', onVisibilityChange);
 				$socket?.off('events', chatEventHandler);
 				audioQueueInstance?.destroy();
 				audioQueue.set(null);
@@ -1060,11 +1079,13 @@
 
 	const onHistoryChange = (history) => {
 		if (history) {
-			clearTimeout(contentsRAF);
-			contentsRAF = setTimeout(() => {
+			if (createMessagesList(history, history.currentId).some(m => m.role !== 'user' && m.done === false)) return;
+
+			cancelAnimationFrame(contentsRAF);
+			contentsRAF = requestAnimationFrame(() => {
 				getContents();
 				contentsRAF = null;
-			}, 0);
+			});
 		} else {
 			artifactContents.set([]);
 		}