add some comments

frontend/src/lib/App.svelte

@@ -40,6 +40,7 @@
 			null;
 	}
 
+	// this is when page starts or user deletes all chats
 	function newChat() {
 		const chatId = nanoid();
 		const chat: Chat = {
@@ -55,6 +56,9 @@
 		$chatsStore = $chatsStore.filter((chat) => chat.id !== id);
 	}
 
+	// this is called when user send a text or image
+	// if image then update last image store
+	// if text and has image send to inference
 	function submitMessage(event: CustomEvent) {
 		if ($chatsStore.length === 0) {
 			newChat();
@@ -89,6 +93,7 @@
 			runInference($lastBase64Image, content);
 		}
 	}
+	// hack to update store
 	function updateChatStore(message: Message) {
 		$chatsStore = $chatsStore.map((chat) => {
 			if (chat.id === $selectedChatId) {
@@ -97,7 +102,7 @@
 			return chat;
 		});
 	}
-
+	// run inference via websockets
 	async function runInference(image: string, prompt: string) {
 		if (isLoading || image === '' || prompt === '') {
 			return;
@@ -156,6 +161,10 @@
 					case 'process_generating':
 						$loadingState = data.success ? 'Generating' : 'Error';
 						break;
+
+					// here is success
+					// got an image in response from inference
+					// then update the chat store
 					case 'process_completed':
 						try {
 							const response = data.output as InferenceResponse;