feat: support file pasting in chat input (#1206)

* feat: support file pasting in chat input

* Forward paste event & simplify pasted file logic (#1212)

Forward paste event & simplify file logic

---------

Co-authored-by: Mishig <mishig.davaadorj@coloradocollege.edu>

src/lib/components/chat/ChatInput.svelte

@@ -37,7 +37,7 @@
 	});
 </script>
 
-<div class="relative min-w-0 flex-1">
+<div class="relative min-w-0 flex-1" on:paste>
 	<pre
 		class="scrollbar-custom invisible overflow-x-hidden overflow-y-scroll whitespace-pre-wrap break-words p-3"
 		aria-hidden="true"

src/lib/components/chat/ChatWindow.svelte

@@ -84,6 +84,19 @@
 		e.preventDefault();
 	};
 
+	const onPaste = (e: ClipboardEvent) => {
+		if (!e.clipboardData) {
+			return;
+		}
+
+		// paste of files
+		const pastedFiles = Array.from(e.clipboardData.files);
+		if (pastedFiles.length !== 0) {
+			e.preventDefault();
+			files = [...files, ...pastedFiles];
+		}
+	};
+
 	const convTreeStore = useConvTreeStore();
 
 	$: lastMessage = browser && (messages.find((m) => m.id == $convTreeStore.leaf) as Message);
@@ -324,6 +337,7 @@
 										loginModalOpen = true;
 									}
 								}}
+								on:paste={onPaste}
 								maxRows={6}
 								disabled={isReadOnly || lastIsError}
 							/>