fix: autosave chat controls on change

Author: Algorithm5838

src/lib/components/chat/Chat.svelte

@@ -175,6 +175,24 @@
 	let chatFiles = [];
 	let files = [];
 	let params = {};
+	let oldParams = {};
+	let oldChatFiles = [];
+	let controlsSaveTimer: ReturnType<typeof setTimeout> | null = null;
+
+	$: if (!equal(params, oldParams) || !equal(chatFiles, oldChatFiles)) {
+		oldParams = structuredClone(params);
+		oldChatFiles = structuredClone(chatFiles);
+		if (!loading && !$temporaryChatEnabled && $chatId) {
+			clearTimeout(controlsSaveTimer);
+			controlsSaveTimer = setTimeout(() => {
+				controlsSaveTimer = null;
+				saveControlsHandler().catch((err) => {
+					console.error('[saveControlsHandler]', err);
+					toast.error($i18n.t('Failed to save chat controls'));
+				});
+			}, 400);
+		}
+	}
 
 	$: if (chatIdProp) {
 		navigateHandler();
@@ -187,6 +205,12 @@
 			updateLastReadAt($chatId);
 		}
 
+		if (controlsSaveTimer !== null) {
+			clearTimeout(controlsSaveTimer);
+			controlsSaveTimer = null;
+			await saveControlsHandler().catch((err) => console.error('[saveControlsHandler]', err));
+		}
+
 		loading = true;
 
 		prompt = '';
@@ -824,6 +848,7 @@
 
 		return () => {
 			try {
+				clearTimeout(controlsSaveTimer);
 				if (chatIdProp && !$temporaryChatEnabled) {
 					updateLastReadAt(chatIdProp);
 				}
@@ -2723,6 +2748,15 @@
 		return _chatId;
 	};
 
+	const saveControlsHandler = async () => {
+		const _chatId = $chatId;
+		if (!_chatId || $temporaryChatEnabled || loading) return;
+		await updateChatById(localStorage.token, _chatId, {
+			params: params,
+			files: chatFiles
+		});
+	};
+
 	const saveChatHandler = async (_chatId, history) => {
 		if ($chatId == _chatId) {
 			if (!$temporaryChatEnabled) {