diff --git a/ui/src/components/ai-chat/component/knowledge-source-component/index.vue b/ui/src/components/ai-chat/component/knowledge-source-component/index.vue
index b176750b0..4733f1107 100644
--- a/ui/src/components/ai-chat/component/knowledge-source-component/index.vue
+++ b/ui/src/components/ai-chat/component/knowledge-source-component/index.vue
@@ -77,6 +77,24 @@
       :close-on-click-modal="false"
       :close-on-press-escape="false"
     >
+      <template #header="{ titleId, titleClass }">
+        <div class="flex-between">
+          <span class="medium ellipsis" :title="dialogTitle" :id="titleId" :class="titleClass">
+            {{ dialogTitle }}
+          </span>
+          <div class="flex align-center mr-8">
+            <span v-if="dialogType === 'pdfDocument'" class="mr-4">
+              <el-button text>
+                <el-icon> <Download /> </el-icon>
+              </el-button>
+            </span>
+            <span v-if="dialogType === 'pdfDocument'">
+              <el-button text> <app-icon iconName="app-export" size="20" /></el-button>
+            </span>
+            <el-divider direction="vertical" />
+          </div>
+        </div>
+      </template>
       <div class="mb-8">
         <component :is="currentComponent" :detail="currentChatDetail" :type="type"></component>
       </div>
@@ -119,6 +137,7 @@ const dialogVisible = ref(false)
 const dialogTitle = ref('')
 const currentComponent = shallowRef<any>(null)
 const currentChatDetail = ref<any>(null)
+const dialogType = ref('')
 function openParagraph(row: any, id?: string) {
   dialogTitle.value = t('chat.KnowledgeSource.title')
   const obj = cloneDeep(row)
@@ -149,7 +168,7 @@ function openParagraphDocument(row: any) {
     emit('openParagraphDocument', row)
     return
   }
-
+  dialogType.value = 'pdfDocument'
   currentComponent.value = ParagraphDocumentContent
   dialogTitle.value = row.document_name
   currentChatDetail.value = row
diff --git a/ui/src/views/chat/pc/index.vue b/ui/src/views/chat/pc/index.vue
index 58cfb26c2..fe0811e85 100644
--- a/ui/src/views/chat/pc/index.vue
+++ b/ui/src/views/chat/pc/index.vue
@@ -167,7 +167,22 @@
           >
             <div class="p-16 flex-between border-b">
               <h4 class="medium ellipsis" :title="rightPanelTitle">{{ rightPanelTitle }}</h4>
-              <el-icon size="20" class="cursor" @click="closeExecutionDetail"><Close /></el-icon>
+              　
+              <div class="flex align-center">
+                <span v-if="rightPanelType === 'paragraphDocument'" class="mr-4">
+                  <el-button text>
+                    <el-icon> <Download /> </el-icon>
+                  </el-button>
+                </span>
+                <span v-if="rightPanelType === 'paragraphDocument'">
+                  <el-button text> <app-icon iconName="app-export" size="20" /></el-button>
+                </span>
+                <span>
+                  <el-button text @click="closeExecutionDetail">
+                    <el-icon size="20"><Close /></el-icon
+                  ></el-button>
+                </span>
+              </div>
             </div>
             <div class="execution-detail-content" v-loading="rightPanelLoading">
               <ParagraphSourceContent