diff --git a/apps/application/flow/step_node/reranker_node/impl/base_reranker_node.py b/apps/application/flow/step_node/reranker_node/impl/base_reranker_node.py
index 59dba2ff953..ee92b88a52c 100644
--- a/apps/application/flow/step_node/reranker_node/impl/base_reranker_node.py
+++ b/apps/application/flow/step_node/reranker_node/impl/base_reranker_node.py
@@ -23,9 +23,14 @@ def merge_reranker_list(reranker_list, result=None):
             merge_reranker_list(document, result)
         elif isinstance(document, dict):
             content = document.get('title', '') + document.get('content', '')
-            result.append(str(document) if len(content) == 0 else content)
+            title = document.get("title")
+            dataset_name = document.get("dataset_name")
+            document_name = document.get('document_name')
+            result.append(
+                Document(page_content=str(document) if len(content) == 0 else content,
+                         metadata={'title': title, 'dataset_name': dataset_name, 'document_name': document_name}))
         else:
-            result.append(str(document))
+            result.append(Document(page_content=str(document), metadata={}))
     return result
 
 
@@ -43,6 +48,21 @@ def filter_result(document_list: List[Document], max_paragraph_char_number, top_
     return result
 
 
+def reset_result_list(result_list: List[Document], document_list: List[Document]):
+    r = []
+    document_list = document_list.copy()
+    for result in result_list:
+        filter_result_list = [document for document in document_list if document.page_content == result.page_content]
+        if len(filter_result_list) > 0:
+            item = filter_result_list[0]
+            document_list.remove(item)
+            r.append(Document(page_content=item.page_content,
+                              metadata={**item.metadata, 'relevance_score': result.metadata.get('relevance_score')}))
+        else:
+            r.append(result)
+    return r
+
+
 class BaseRerankerNode(IRerankerNode):
     def save_context(self, details, workflow_manage):
         self.context['document_list'] = details.get('document_list', [])
@@ -55,16 +75,18 @@ def execute(self, question, reranker_setting, reranker_list, reranker_model_id,
                 **kwargs) -> NodeResult:
         documents = merge_reranker_list(reranker_list)
         top_n = reranker_setting.get('top_n', 3)
-        self.context['document_list'] = documents
+        self.context['document_list'] = [{'page_content': document.page_content, 'metadata': document.metadata} for
+                                         document in documents]
         self.context['question'] = question
         reranker_model = get_model_instance_by_model_user_id(reranker_model_id,
                                                              self.flow_params_serializer.data.get('user_id'),
                                                              top_n=top_n)
         result = reranker_model.compress_documents(
-            [Document(page_content=document) for document in documents if document is not None and len(document) > 0],
+            documents,
             question)
         similarity = reranker_setting.get('similarity', 0.6)
         max_paragraph_char_number = reranker_setting.get('max_paragraph_char_number', 5000)
+        result = reset_result_list(result, documents)
         r = filter_result(result, max_paragraph_char_number, top_n, similarity)
         return NodeResult({'result_list': r, 'result': ''.join([item.get('page_content') for item in r])}, {})
 
diff --git a/ui/src/components/ai-chat/ExecutionDetailDialog.vue b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
index b4802660f80..52c20844193 100644
--- a/ui/src/components/ai-chat/ExecutionDetailDialog.vue
+++ b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
@@ -147,7 +147,11 @@
                             )"
                             :key="paragraphIndex"
                           >
-                            <ParagraphCard :data="paragraph" :index="paragraphIndex" />
+                            <ParagraphCard
+                              :data="paragraph"
+                              :content="paragraph.content"
+                              :index="paragraphIndex"
+                            />
                           </template>
                         </template>
                         <template v-else> -</template>
@@ -423,17 +427,11 @@
                             v-for="(paragraph, paragraphIndex) in item.document_list"
                             :key="paragraphIndex"
                           >
-                            <CardBox shadow="never" title="" class="cursor mb-8" :showIcon="false">
-                              <template #description>
-                                <el-scrollbar max-height="150">
-                                  <MdPreview
-                                    ref="editorRef"
-                                    editorId="preview-only"
-                                    :modelValue="paragraph"
-                                  />
-                                </el-scrollbar>
-                              </template>
-                            </CardBox>
+                            <ParagraphCard
+                              :data="paragraph.metadata"
+                              :content="paragraph.page_content"
+                              :index="paragraphIndex"
+                            />
                           </template>
                         </template>
                         <template v-else> -</template>
@@ -449,27 +447,11 @@
                             v-for="(paragraph, paragraphIndex) in item.result_list"
                             :key="paragraphIndex"
                           >
-                            <CardBox
-                              shadow="never"
-                              :title="`${$t('chat.executionDetails.paragraph')}${paragraphIndex + 1}`"
-                              class="paragraph-source-card cursor mb-8 paragraph-source-card-height"
-                              :showIcon="false"
-                            >
-                              <div class="active-button primary">
-                                {{ paragraph.metadata.relevance_score?.toFixed(3) }}
-                              </div>
-                              <template #description>
-                                <div class="mt-8">
-                                  <el-scrollbar height="150">
-                                    <MdPreview
-                                      ref="editorRef"
-                                      editorId="preview-only"
-                                      :modelValue="paragraph.page_content"
-                                    />
-                                  </el-scrollbar>
-                                </div>
-                              </template>
-                            </CardBox>
+                            <ParagraphCard
+                              :data="paragraph.metadata"
+                              :content="paragraph.page_content"
+                              :index="paragraphIndex"
+                            />
                           </template>
                         </template>
                         <template v-else> -</template>
diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
index ac31dc39fbd..f680c709dee 100644
--- a/ui/src/components/ai-chat/ParagraphSourceDialog.vue
+++ b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -22,7 +22,7 @@
             <el-form-item :label="$t('chat.KnowledgeSource.referenceParagraph')">
               <div v-if="detail.paragraph_list.length > 0" class="w-full">
                 <template v-for="(item, index) in detail.paragraph_list" :key="index">
-                  <ParagraphCard :data="item" :index="index" />
+                  <ParagraphCard :data="item" :content="item.content" :index="index" />
                 </template>
               </div>
               <span v-else> - </span>
@@ -79,7 +79,6 @@ defineExpose({ open })
 @media only screen and (max-width: 768px) {
   .paragraph-source {
     width: 90% !important;
- 
   }
 }
 </style>
diff --git a/ui/src/components/ai-chat/component/ParagraphCard.vue b/ui/src/components/ai-chat/component/ParagraphCard.vue
index d99ac6f2dc8..de8010debf2 100644
--- a/ui/src/components/ai-chat/component/ParagraphCard.vue
+++ b/ui/src/components/ai-chat/component/ParagraphCard.vue
@@ -12,7 +12,7 @@
     <div class="active-button primary">{{ data.similarity?.toFixed(3) }}</div>
     <template #description>
       <el-scrollbar height="150">
-        <MdPreview ref="editorRef" editorId="preview-only" :modelValue="data.content" />
+        <MdPreview ref="editorRef" editorId="preview-only" :modelValue="content" noImgZoomIn/>
       </el-scrollbar>
     </template>
     <template #footer>
@@ -62,6 +62,10 @@ const props = defineProps({
     type: Object,
     default: () => {}
   },
+  content: {
+    type: String,
+    default: ''
+  },
   index: {
     type: Number,
     default: 0
diff --git a/ui/src/components/card-box/index.vue b/ui/src/components/card-box/index.vue
index 8fc81feb449..41c8816bf67 100644
--- a/ui/src/components/card-box/index.vue
+++ b/ui/src/components/card-box/index.vue
@@ -2,13 +2,13 @@
   <el-card shadow="hover" class="card-box" @mouseenter="cardEnter()" @mouseleave="cardLeave()">
     <div class="card-header">
       <slot name="header">
-        <div class="title flex" :class="$slots.subTitle ? '' : 'align-center'">
+        <div class="title flex align-center" :class="$slots.subTitle?'mt-4':''">
           <slot name="icon">
             <AppAvatar v-if="showIcon" class="mr-12 avatar-blue" shape="square" :size="32">
               <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
             </AppAvatar>
           </slot>
-          <div style="width: 90%;margin-top: -5px;">
+          <div style="width: 90%;">
             <auto-tooltip :content="title" style="width: 65%; height: 22px">
               {{ title }}
             </auto-tooltip>
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 50d43fb2da0..90bab9c1124 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -495,7 +495,7 @@ h5 {
 }
 
 .avatar-light {
-  background: var(--el-color-primary-light-4);
+  background: var(--el-color-primary-light-3);
 }
 
 .avatar-purple {