From 8ab3f1212b1dbb4bccef01ebcf1f202429457282 Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Wed, 20 Aug 2025 10:23:33 +0800
Subject: [PATCH] refactor(billing, chunk-preview): update link target and
 improve file property handling in document preview

---
 web/app/components/billing/pricing/footer.tsx      |  1 +
 .../create-from-pipeline/preview/chunk-preview.tsx | 14 +++++++-------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/web/app/components/billing/pricing/footer.tsx b/web/app/components/billing/pricing/footer.tsx
index 0fb9262394..4e3cdfee3d 100644
--- a/web/app/components/billing/pricing/footer.tsx
+++ b/web/app/components/billing/pricing/footer.tsx
@@ -19,6 +19,7 @@ const Footer = ({
           <Link
             href={pricingPageURL}
             className='system-md-regular'
+            target='_blank'
           >
             {t('billing.plansCommon.comparePlanAndFeatures')}
           </Link>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.tsx b/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.tsx
index 09c274e42e..b60cdc5b80 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.tsx
@@ -121,21 +121,21 @@ const ChunkPreview = ({
             && <PreviewDocumentPicker
               files={
                 onlineDriveFiles.map(file => ({
-                  id: file.key,
-                  name: file.displayName,
-                  extension: getFileExtension(previewOnlineDriveFile?.displayName),
+                  id: file.id,
+                  name: file.name,
+                  extension: getFileExtension(previewOnlineDriveFile?.name),
                 }))
               }
               onChange={(selected) => {
-                const selectedFile = onlineDriveFiles.find(file => file.key === selected.id)
+                const selectedFile = onlineDriveFiles.find(file => file.id === selected.id)
                 setPreviewOnlineDriveFile(selectedFile!)
                 handlePreviewOnlineDriveFileChange(selectedFile!)
               }}
               value={
                 {
-                  id: previewOnlineDriveFile?.key || '',
-                  name: previewOnlineDriveFile?.displayName || '',
-                  extension: getFileExtension(previewOnlineDriveFile?.displayName),
+                  id: previewOnlineDriveFile?.id || '',
+                  name: previewOnlineDriveFile?.name || '',
+                  extension: getFileExtension(previewOnlineDriveFile?.name),
                 }
               }
             />