diff --git a/src/lib/components/common/FileItemModal.svelte b/src/lib/components/common/FileItemModal.svelte
index 0f3eca80f2..f84f9c047c 100644
--- a/src/lib/components/common/FileItemModal.svelte
+++ b/src/lib/components/common/FileItemModal.svelte
@@ -13,6 +13,7 @@
 	import Tooltip from './Tooltip.svelte';
 	import dayjs from 'dayjs';
 	import Spinner from './Spinner.svelte';
+	import { getFileById } from '$lib/apis/files';
 
 	export let item;
 	export let show = false;
@@ -49,6 +50,18 @@
 				item.files = knowledge.files || [];
 			}
 			loading = false;
+		} else if (item?.type === 'file') {
+			loading = true;
+
+			const file = await getFileById(localStorage.token, item.id).catch((e) => {
+				console.error('Error fetching file:', e);
+				return null;
+			});
+
+			if (file) {
+				item.file = file || {};
+			}
+			loading = false;
 		}
 
 		await tick();