refac

src/lib/components/notes/NoteEditor.svelte

@@ -648,6 +648,20 @@ ${content}
 		});
 	};
 
+	const uploadNoteFilesHandler = () => {
+		const input = document.createElement('input');
+		input.type = 'file';
+		input.multiple = true;
+		input.click();
+
+		input.onchange = async () => {
+			const inputFiles = Array.from(input.files ?? []);
+			if (inputFiles.length > 0) {
+				await inputFilesHandler(inputFiles);
+			}
+		};
+	};
+
 	const openNoteChat = async () => {
 		console.info('[note-chat] open requested', {
 			noteId: note?.id,
@@ -1170,6 +1184,7 @@ ${content}
 								{/if}
 
 								<NoteMenu
+									onUploadFiles={note?.write_access ? uploadNoteFilesHandler : null}
 									onDownload={(type) => {
 										downloadHandler(type);
 									}}

src/lib/components/notes/NotePanel.svelte

@@ -69,7 +69,7 @@
 				show = false;
 			}}
 		>
-			<div class=" px-3.5 py-2.5 h-screen max-h-dvh flex flex-col">
+			<div class=" h-screen max-h-dvh flex flex-col">
 				<slot />
 			</div>
 		</Drawer>

src/lib/components/notes/Notes/NoteMenu.svelte

@@ -11,6 +11,7 @@
 	import Link from '$lib/components/icons/Link.svelte';
 	import Pin from '$lib/components/icons/Pin.svelte';
 	import PinSlash from '$lib/components/icons/PinSlash.svelte';
+	import CloudArrowUp from '$lib/components/icons/CloudArrowUp.svelte';
 
 	const i18n = getContext('i18n');
 
@@ -21,6 +22,7 @@
 	export let onDelete = () => {};
 	export let onPin = null;
 	export let isPinned = false;
+	export let onUploadFiles = null;
 
 	export let onCopyLink = null;
 	export let onCopyToClipboard = null;
@@ -77,6 +79,19 @@
 				</button>
 			</DropdownSub>
 
+			{#if onUploadFiles}
+				<button
+					class="select-none flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] hover:text-gray-900 dark:hover:text-gray-100"
+					on:click={() => {
+						onUploadFiles();
+						show = false;
+					}}
+				>
+					<CloudArrowUp className="size-3.5" strokeWidth="2" />
+					<div class="flex items-center">{$i18n.t('Upload files')}</div>
+				</button>
+			{/if}
+
 			{#if onCopyLink || onCopyToClipboard}
 				<DropdownSub contentClass="select-none z-50">
 					<button