refac

src/lib/apis/terminal/index.ts

@@ -120,6 +120,49 @@ export const downloadFileBlob = async (
 	return { blob, filename };
 };
 
+export const downloadDirectoryArchive = async (
+	baseUrl: string,
+	apiKey: string,
+	path: string
+): Promise<{ blob: Blob; filename: string } | null> => {
+	const url = `${baseUrl.replace(/\/$/, '')}/files/download?path=${encodeURIComponent(path)}`;
+	const res = await fetch(url, {
+		headers: { Authorization: `Bearer ${apiKey}` }
+	}).catch(() => null);
+
+	if (!res || !res.ok) return null;
+
+	const disposition = res.headers.get('content-disposition') ?? '';
+	const match = disposition.match(/filename="?([^"]+)"?/);
+	const filename = match?.[1] ?? `${path.split('/').filter(Boolean).pop() ?? 'download'}.zip`;
+	const blob = await res.blob();
+	return { blob, filename };
+};
+
+export const downloadMultipleAsZip = async (
+	baseUrl: string,
+	apiKey: string,
+	paths: string[]
+): Promise<{ blob: Blob; filename: string } | null> => {
+	const url = `${baseUrl.replace(/\/$/, '')}/files/download`;
+	const res = await fetch(url, {
+		method: 'POST',
+		headers: {
+			Authorization: `Bearer ${apiKey}`,
+			'Content-Type': 'application/json'
+		},
+		body: JSON.stringify({ paths })
+	}).catch(() => null);
+
+	if (!res || !res.ok) return null;
+
+	const disposition = res.headers.get('content-disposition') ?? '';
+	const match = disposition.match(/filename="?([^"]+)"?/);
+	const filename = match?.[1] ?? 'download.zip';
+	const blob = await res.blob();
+	return { blob, filename };
+};
+
 export const uploadToTerminal = async (
 	baseUrl: string,
 	apiKey: string,

src/lib/components/chat/FileNav.svelte

@@ -19,6 +19,8 @@
 		listFiles,
 		readFile,
 		downloadFileBlob,
+		downloadDirectoryArchive,
+		downloadMultipleAsZip,
 		uploadToTerminal,
 		createDirectory,
 		deleteEntry,
@@ -403,7 +405,11 @@
 		const terminal = selectedTerminal;
 		if (!terminal) return;
 
-		const result = await downloadFileBlob(terminal.url, terminal.key, path);
+		// Directories end with '/' — download as ZIP archive
+		const isDir = path.endsWith('/');
+		const result = isDir
+			? await downloadDirectoryArchive(terminal.url, terminal.key, path.replace(/\/$/, ''))
+			: await downloadFileBlob(terminal.url, terminal.key, path);
 		if (!result) return;
 		const url = URL.createObjectURL(result.blob);
 		const a = document.createElement('a');
@@ -644,10 +650,24 @@
 		const terminal = selectedTerminal;
 		if (!terminal) return;
 
-		const filePaths = [...selectedEntries].filter((p) => !p.endsWith('/'));
+		const paths = [...selectedEntries].map((p) => p.replace(/\/$/, ''));
-		for (const p of filePaths) {
+		if (paths.length === 0) return;
-			await downloadFile(p);
+
+		// Single item — use the regular downloadFile path
+		if (paths.length === 1) {
+			await downloadFile([...selectedEntries][0]);
+			return;
 		}
+
+		// Multiple items — bundle into a single ZIP
+		const result = await downloadMultipleAsZip(terminal.url, terminal.key, paths);
+		if (!result) return;
+		const url = URL.createObjectURL(result.blob);
+		const a = document.createElement('a');
+		a.href = url;
+		a.download = result.filename;
+		a.click();
+		URL.revokeObjectURL(url);
 	};
 
 	// Escape to clear selection

src/lib/components/chat/FileNav/BulkActionBar.svelte

@@ -40,7 +40,6 @@
 		</button>
 	</Tooltip>
 
-	{#if hasFiles}
 	<Tooltip content={$i18n.t('Download')}>
 		<button
 			class="p-1 rounded transition text-gray-400 dark:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-600 dark:hover:text-gray-400"
@@ -62,7 +61,6 @@
 			</svg>
 		</button>
 	</Tooltip>
-	{/if}
 
 	<Tooltip content={$i18n.t('Delete')}>
 		<button

src/lib/components/chat/FileNav/FileEntryRow.svelte

@@ -287,13 +287,15 @@
 				<div
 					class="min-w-[150px] rounded-2xl p-1 z-[9999999] bg-white dark:bg-gray-850 dark:text-white shadow-lg border border-gray-100 dark:border-gray-800"
 				>
-					{#if entry.type !== 'directory'}
 					<button
 						type="button"
 						class="select-none flex rounded-xl py-1.5 px-3 w-full hover:bg-gray-50 dark:hover:bg-gray-800 transition items-center gap-2 text-sm"
 						on:click={(e) => {
 							e.stopPropagation();
-								onDownload(`${currentPath}${entry.name}`);
+							const path = entry.type === 'directory'
+								? `${currentPath}${entry.name}/`
+								: `${currentPath}${entry.name}`;
+							onDownload(path);
 						}}
 					>
 						<svg
@@ -311,7 +313,6 @@
 						</svg>
 						<div class="flex items-center">{$i18n.t('Download')}</div>
 					</button>
-					{/if}
 
 					<button
 						type="button"