diff --git a/ui/src/components/global/mk-source-card/index.vue b/ui/src/components/global/mk-source-card/index.vue
index d178abb7ac6..c88e2ade722 100644
--- a/ui/src/components/global/mk-source-card/index.vue
+++ b/ui/src/components/global/mk-source-card/index.vue
@@ -69,7 +69,7 @@ function handleSelectedChange(selected: boolean | string | number) {
     :class="{ 'cursor-pointer': props.selectable && !props.disabled, active: props.selectable && props.selected }"
     :role="props.selectable ? 'checkbox' : undefined"
     :tabindex="props.selectable ? 0 : undefined"
-    :shadow="props.disabled ? 'always' : 'hover'"
+    :shadow="props.disabled ? 'never' : 'hover'"
     class="mk-source-card group relative"
     body-class="flex-column h-full"
     @click="handleSelect"
diff --git a/ui/src/conversation-panel/loading/index.vue b/ui/src/conversation-panel/loading/index.vue
deleted file mode 100644
index 33da0326bdd..00000000000
--- a/ui/src/conversation-panel/loading/index.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template>
-  <div class="loading-dots" :style="{ width: size + 'px', height: size + 'px' }">
-    <span class="dot" />
-    <span class="dot" />
-    <span class="dot" />
-  </div>
-</template>
-
-<script setup lang="ts">
-withDefaults(
-  defineProps<{
-    size?: number
-  }>(),
-  {
-    size: 18
-  }
-)
-</script>
-
-<style scoped lang="scss">
-.loading-dots {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-}
-
-.dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--t3, #909399);
-  animation: dot-blink 1.4s infinite both;
-}
-
-.dot:nth-child(2) {
-  animation-delay: 0.2s;
-}
-
-.dot:nth-child(3) {
-  animation-delay: 0.4s;
-}
-
-@keyframes dot-blink {
-  0%,
-  80%,
-  100% {
-    opacity: 0.3;
-    transform: scale(0.8);
-  }
-  40% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-</style>
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index cb15a772941..df5126b34fd 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -428,6 +428,7 @@
 .el-dialog {
   --el-dialog-padding-primary: 24px;
   --el-dialog-title-font-size: 16px;
+  --el-dialog-border-radius: 12px;
   padding: 0;
   &__header {
     padding: var(--el-dialog-padding-primary);
diff --git a/ui/src/views/knowledge-detail/hit-test/index.vue b/ui/src/views/knowledge-detail/hit-test/index.vue
index 50e9617880e..a46e6e4aa15 100644
--- a/ui/src/views/knowledge-detail/hit-test/index.vue
+++ b/ui/src/views/knowledge-detail/hit-test/index.vue
@@ -53,13 +53,17 @@ const paragraphDialogRef = useTemplateRef<InstanceType<typeof ParagraphDialog>>(
 function canReadParagraph(paragraph: KnowledgeHitTestResult) {
   const isImage = paragraph.document_resource_type === DOCUMENT_RESOURCE_TYPE.IMAGE
   if (isSystemResource()) return isImage ? perm.knowledge.system.image.read() : perm.knowledge.system.docRead()
-  return !isWorkspaceResource() || (isImage ? perm.knowledge.workspace.image.read(knowledgeId.value) : perm.knowledge.workspace.docRead(knowledgeId.value))
+  return (
+    !isWorkspaceResource() || (isImage ? perm.knowledge.workspace.image.read(knowledgeId.value) : perm.knowledge.workspace.docRead(knowledgeId.value))
+  )
 }
 
 function canEditParagraph(paragraph: KnowledgeHitTestResult) {
   const isImage = paragraph.document_resource_type === DOCUMENT_RESOURCE_TYPE.IMAGE
   if (isSystemResource()) return isImage ? perm.knowledge.system.image.edit() : perm.knowledge.system.docEdit()
-  return !isWorkspaceResource() || (isImage ? perm.knowledge.workspace.image.edit(knowledgeId.value) : perm.knowledge.workspace.docEdit(knowledgeId.value))
+  return (
+    !isWorkspaceResource() || (isImage ? perm.knowledge.workspace.image.edit(knowledgeId.value) : perm.knowledge.workspace.docEdit(knowledgeId.value))
+  )
 }
 
 async function handleOpenParagraph(paragraph: KnowledgeHitTestResult) {
@@ -198,14 +202,18 @@ function testKnowledge(query: Required<Pick<KnowledgeHitTestPayload, 'query_text
               <MkSourceCard :title="paragraph.title || '-'" class="cursor-pointer" @click="handleOpenParagraph(paragraph)">
                 <template #title="{ title }">
                   <span class="flex-align-center min-w-0 gap-2">
-                    <h6 class="shrink-0">{{ `#${paragraphIndex + 1}` }}</h6>
+                    <h4 class="shrink-0">{{ `#${paragraphIndex + 1}` }}</h4>
                     <el-divider direction="vertical" />
-                    <h6 class="min-w-0 truncate" :title="title">{{ title }}</h6>
+                    <h4 class="min-w-0 truncate" :title="title">{{ title }}</h4>
                   </span>
                 </template>
                 <template #tag>
-                  <el-tag size="small" type="info">{{ paragraph.hit_unit_type === KNOWLEDGE_HIT_UNIT_TYPE.IMAGE ? '图片向量' : '文本向量' }}</el-tag>
-                  <h6 class="shrink-0 text-primary">{{ paragraph.similarity.toFixed(3) }}</h6>
+                  <div class="flex-align-center gap-2">
+                    <el-tag size="small" type="info">
+                      {{ paragraph.hit_unit_type === KNOWLEDGE_HIT_UNIT_TYPE.IMAGE ? '图片向量' : '文本向量' }}
+                    </el-tag>
+                    <h6 class="shrink-0 text-primary">{{ paragraph.similarity.toFixed(3) }}</h6>
+                  </div>
                 </template>
                 <!-- 图片随卡片点击打开分段详情 -->
                 <el-image
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/details/application.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/details/application.vue
index 3f2aad6db63..1f6585b6a73 100644
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/details/application.vue
+++ b/ui/src/workflow-canvas/nodes/ai-chat-node/details/application.vue
@@ -43,33 +43,35 @@ defineProps<{
     <div class="mk-gray-card-sm">
       <h6 class="mb-2">本次对话</h6>
       <div class="whitespace-pre-wrap space-y-2">
-        <template v-if="Array.isArray(data.question)">
-          <div v-for="(item, qIndex) in data.question" :key="qIndex">
-            <!-- 查看本次对话图片 -->
+        <p class="mb-1 text-N600">图片：</p>
+        <!-- 查看本次对话图片 -->
+        <div v-if="data?.image_list?.length > 0" class="flex flex-wrap gap-2">
+          <template v-for="(imageItem, qIndex) in data?.image_list" :key="qIndex">
             <ImageUploadCard
-              v-if="item.type === 'image_url'"
               :file="{ name: '图片', status: 'success' }"
-              :src="item.image_url?.url || item.image_url"
-              :size="32"
+              :src="imageItem.url || imageItem"
+              :size="58"
               :show-remove="false"
-              :preview-src-list="[item.image_url?.url || item.image_url]"
+              :preview-src-list="[imageItem.url || imageItem]"
             />
-            <!-- 点击卡片播放本次对话视频 -->
-            <MkVideo v-else-if="item.type === 'video_url'" :src="item.video_url?.url || item.video_url" name="视频" class="w-60 max-w-full">
+          </template>
+        </div>
+        <p class="mb-1 text-N600">视频：</p>
+        <!-- 查看本次对话视频 -->
+        <div v-if="data?.video_list?.length > 0" class="grid grid-cols-1 gap-2 sm:grid-cols-2">
+          <template v-for="(videoItem, qIndex) in data?.video_list" :key="qIndex">
+            <MkVideo :src="videoItem.url || videoItem" :name="videoItem.url" class="w-60 max-w-full">
               <el-card shadow="never" class="small cursor-pointer">
                 <div class="flex-align-center gap-2">
                   <img :src="getFileIconUrl('video.mp4')" alt="" width="24" class="shrink-0" />
-                  <span class="min-w-0 truncate">视频</span>
+                  <span class="min-w-0 truncate">{{ videoItem.url || videoItem }}</span>
                 </div>
               </el-card>
             </MkVideo>
-            <div v-else-if="item.type === 'text'">{{ item.text }}</div>
-            <div v-else>{{ item }}</div>
-          </div>
-        </template>
-        <template v-else>
-          {{ data.question || '-' }}
-        </template>
+          </template>
+        </div>
+
+        <MdPreview v-if="data.question?.content" :model-value="data.question?.content" noImgZoomIn />
       </div>
     </div>
 
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/details/knowledge.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/details/knowledge.vue
index 7c43a262b08..e1af8c9c3a4 100644
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/details/knowledge.vue
+++ b/ui/src/workflow-canvas/nodes/ai-chat-node/details/knowledge.vue
@@ -25,37 +25,39 @@ defineProps<{
       <div>{{ data.system || '-' }}</div>
     </div>
 
-    <!-- 用户提示词 -->
+    <!-- 本次对话 -->
     <div class="mk-gray-card-sm">
-      <h6 class="mb-2">用户提示词</h6>
+      <h6 class="mb-2">本次对话</h6>
       <div class="whitespace-pre-wrap space-y-2">
-        <template v-if="Array.isArray(data.question)">
-          <div v-for="(item, qIndex) in data.question" :key="qIndex">
-            <!-- 查看本次对话图片 -->
+        <p class="mb-1 text-N600">图片：</p>
+        <!-- 查看本次对话图片 -->
+        <div v-if="data?.image_list?.length > 0" class="flex flex-wrap gap-2">
+          <template v-for="(imageItem, qIndex) in data?.image_list" :key="qIndex">
             <ImageUploadCard
-              v-if="item.type === 'image_url'"
               :file="{ name: '图片', status: 'success' }"
-              :src="item.image_url?.url || item.image_url"
-              :size="32"
+              :src="imageItem.url || imageItem"
+              :size="58"
               :show-remove="false"
-              :preview-src-list="[item.image_url?.url || item.image_url]"
+              :preview-src-list="[imageItem.url || imageItem]"
             />
-            <!-- 点击卡片播放本次对话视频 -->
-            <MkVideo v-else-if="item.type === 'video_url'" :src="item.video_url?.url || item.video_url" name="视频" class="w-full">
+          </template>
+        </div>
+        <p class="mb-1 text-N600">视频：</p>
+        <!-- 查看本次对话视频 -->
+        <div v-if="data?.video_list?.length > 0" class="grid grid-cols-1 gap-2 sm:grid-cols-2">
+          <template v-for="(videoItem, qIndex) in data?.video_list" :key="qIndex">
+            <MkVideo :src="videoItem.url || videoItem" :name="videoItem.url" class="w-60 max-w-full">
               <el-card shadow="never" class="small cursor-pointer">
                 <div class="flex-align-center gap-2">
                   <img :src="getFileIconUrl('video.mp4')" alt="" width="24" class="shrink-0" />
-                  <span class="min-w-0 truncate">视频</span>
+                  <span class="min-w-0 truncate">{{ videoItem.url || videoItem }}</span>
                 </div>
               </el-card>
             </MkVideo>
-            <div v-else-if="item.type === 'text'">{{ item.text }}</div>
-            <div v-else>{{ item }}</div>
-          </div>
-        </template>
-        <template v-else>
-          {{ data.question || '-' }}
-        </template>
+          </template>
+        </div>
+
+        <MdPreview v-if="data.question?.content" :model-value="data.question?.content" noImgZoomIn />
       </div>
     </div>
 
diff --git a/ui/src/workflow-canvas/nodes/application-node/details/index.vue b/ui/src/workflow-canvas/nodes/application-node/details/index.vue
index 5382301b59c..8bd4c74d381 100644
--- a/ui/src/workflow-canvas/nodes/application-node/details/index.vue
+++ b/ui/src/workflow-canvas/nodes/application-node/details/index.vue
@@ -50,16 +50,15 @@ defineProps<{
         <div v-if="data.image_list?.length > 0">
           <p class="mb-1 text-N600">图片：</p>
           <div class="flex flex-wrap gap-2">
-            <el-image
-              class="size-8"
-              v-for="(f, i) in data.image_list"
-              :key="i"
-              :src="f.url"
-              fit="cover"
-              :preview-src-list="data.image_list.map((img: any) => img.url)"
-              :scale="0.8"
-              :initial-index="i"
-            />
+            <template v-for="(imageItem, qIndex) in data?.image_list" :key="qIndex">
+              <ImageUploadCard
+                :file="{ name: '图片', status: 'success' }"
+                :src="imageItem.url || imageItem"
+                :size="58"
+                :show-remove="false"
+                :preview-src-list="[imageItem.url || imageItem]"
+              />
+            </template>
           </div>
         </div>
 
diff --git a/ui/src/workflow-canvas/nodes/image-to-video-node/details/index.vue b/ui/src/workflow-canvas/nodes/image-to-video-node/details/index.vue
index 615087b986b..770bd1cc2f5 100644
--- a/ui/src/workflow-canvas/nodes/image-to-video-node/details/index.vue
+++ b/ui/src/workflow-canvas/nodes/image-to-video-node/details/index.vue
@@ -39,22 +39,21 @@ defineProps<{
           v-if="typeof data.first_frame_url === 'string'"
           :file="{ name: '首帧', status: 'success' }"
           :src="data.first_frame_url"
-          :size="32"
+          :size="58"
           :show-remove="false"
           :preview-src-list="[data.first_frame_url]"
         />
         <div v-else-if="Array.isArray(data.first_frame_url)" class="flex flex-wrap gap-2">
           <!-- 查看首帧图片列表 -->
-          <ImageUploadCard
-            v-for="(file, index) in data.first_frame_url"
-            :key="index"
-            :file="{ ...file, name: file.name || '首帧', status: 'success' }"
-            :src="file.url"
-            :size="32"
-            :show-remove="false"
-            :preview-src-list="data.first_frame_url.map((image: { url: string }) => image.url)"
-            :initial-index="index"
-          />
+          <template v-for="(file, index) in data.first_frame_url" :key="index">
+            <ImageUploadCard
+              :file="{ ...file, name: file.name || '首帧', status: 'success' }"
+              :src="file.url"
+              :size="58"
+              :show-remove="false"
+              :preview-src-list="data.first_frame_url.map((image: { url: string }) => image.url)"
+            />
+          </template>
         </div>
         <template v-else>-</template>
       </div>
@@ -68,22 +67,21 @@ defineProps<{
           v-if="typeof data.last_frame_url === 'string'"
           :file="{ name: '末帧', status: 'success' }"
           :src="data.last_frame_url"
-          :size="32"
+          :size="58"
           :show-remove="false"
           :preview-src-list="[data.last_frame_url]"
         />
         <div v-else-if="Array.isArray(data.last_frame_url)" class="flex flex-wrap gap-2">
           <!-- 查看末帧图片列表 -->
-          <ImageUploadCard
-            v-for="(file, index) in data.last_frame_url"
-            :key="index"
-            :file="{ ...file, name: file.name || '末帧', status: 'success' }"
-            :src="file.url"
-            :size="32"
-            :show-remove="false"
-            :preview-src-list="data.last_frame_url.map((image: { url: string }) => image.url)"
-            :initial-index="index"
-          />
+          <template v-for="(file, index) in data.last_frame_url" :key="index">
+            <ImageUploadCard
+              :file="{ ...file, name: file.name || '末帧', status: 'success' }"
+              :src="file.url"
+              :size="58"
+              :show-remove="false"
+              :preview-src-list="data.last_frame_url.map((image: { url: string }) => image.url)"
+            />
+          </template>
         </div>
         <template v-else>-</template>
       </div>
diff --git a/ui/src/workflow-canvas/nodes/image-understand-node/details/application.vue b/ui/src/workflow-canvas/nodes/image-understand-node/details/application.vue
index 9ae7f9534e9..870fcf75e95 100644
--- a/ui/src/workflow-canvas/nodes/image-understand-node/details/application.vue
+++ b/ui/src/workflow-canvas/nodes/image-understand-node/details/application.vue
@@ -35,7 +35,7 @@ defineProps<{
                   v-if="h.type === 'image_url'"
                   :file="{ name: '图片', status: 'success' }"
                   :src="h.image_url.url"
-                  :size="104"
+                  :size="58"
                   :show-remove="false"
                   :preview-src-list="[h.image_url.url]"
                 />
@@ -62,10 +62,9 @@ defineProps<{
             :key="i"
             :file="{ ...f, name: f.name || '图片', status: 'success' }"
             :src="f.url || (f.file_id ? `./oss/file/${f.file_id}` : '')"
-            :size="104"
+            :size="58"
             :show-remove="false"
             :preview-src-list="data.image_list.map((img: any) => img.url || (img.file_id ? `./oss/file/${img.file_id}` : ''))"
-            :initial-index="Number(i)"
           />
         </div>
         <div>{{ data.question || '-' }}</div>
diff --git a/ui/src/workflow-canvas/nodes/image-understand-node/details/knowledge.vue b/ui/src/workflow-canvas/nodes/image-understand-node/details/knowledge.vue
index 14d38a1b7e5..4fe32bbe464 100644
--- a/ui/src/workflow-canvas/nodes/image-understand-node/details/knowledge.vue
+++ b/ui/src/workflow-canvas/nodes/image-understand-node/details/knowledge.vue
@@ -23,7 +23,7 @@ defineProps<{
     </div>
 
     <div class="mk-gray-card-sm">
-      <h6 class="mb-2">用户提示词</h6>
+      <h6 class="mb-2">本次对话</h6>
       <div class="whitespace-pre-wrap space-y-2">
         <div v-if="data.image_list?.length > 0" class="flex flex-wrap gap-2">
           <!-- 查看本次对话图片 -->
@@ -32,10 +32,9 @@ defineProps<{
             :key="i"
             :file="{ ...f, name: f.name || '图片', status: 'success' }"
             :src="f.url || (f.file_id ? `./oss/file/${f.file_id}` : '')"
-            :size="104"
+            :size="58"
             :show-remove="false"
             :preview-src-list="data.image_list.map((img: any) => img.url || (img.file_id ? `./oss/file/${img.file_id}` : ''))"
-            :initial-index="Number(i)"
           />
         </div>
         <div>{{ data.question || '-' }}</div>
diff --git a/ui/src/workflow-canvas/nodes/reranker-node/details/index.vue b/ui/src/workflow-canvas/nodes/reranker-node/details/index.vue
index 9ef0de7ef71..83c8be1d7f3 100644
--- a/ui/src/workflow-canvas/nodes/reranker-node/details/index.vue
+++ b/ui/src/workflow-canvas/nodes/reranker-node/details/index.vue
@@ -3,6 +3,7 @@ import DetailContainer from '@/workflow-canvas/execution-details/DetailContainer
 import BaseHeader from '@/workflow-canvas/execution-details/BaseHeader.vue'
 import { getFileUrl } from '@/utils/common'
 import { getFileIconUrl } from '@/utils/icon'
+import { DOCUMENT_RESOURCE_TYPE } from '@/api/enums'
 import type { ExecutionNodeDetail } from '@/workflow-canvas/execution-details/types'
 
 defineOptions({ name: 'RerankerNodeDetail' })
@@ -25,85 +26,110 @@ defineProps<{
 
     <div class="mk-gray-card-sm">
       <h6 class="mb-2">重排内容</h6>
-      <!-- TODO -->
-      <div class="space-y-2">
-        <template v-if="data.document_list?.length > 0">
-          <template v-for="(paragraph, paragraphIndex) in data.document_list" :key="paragraphIndex">
-            <div class="mb-2 overflow-hidden rounded-md bg-white p-2">
-              <div class="flex-between">
-                <span class="truncate">#{{ Number(paragraphIndex) + 1 }} {{ paragraph.metadata?.title || '-' }}</span>
-                <span class="ml-2 shrink-0 text-primary">
+      <div v-if="data.document_list?.length > 0" class="space-y-2">
+        <template v-for="(paragraph, paragraphIndex) in data.document_list" :key="paragraphIndex">
+          <MkSourceCard :title="paragraph.metadata?.title || '-'" disabled>
+            <template #title="{ title }">
+              <span class="flex-align-center min-w-0 gap-2">
+                <h4 class="shrink-0">{{ `#${Number(paragraphIndex) + 1}` }}</h4>
+                <el-divider direction="vertical" />
+                <h4 class="min-w-0 truncate" :title="title">{{ title }}</h4>
+              </span>
+            </template>
+            <template #tag>
+              <div class="flex-align-center gap-2">
+                <el-tag size="small" type="info">
+                  {{ paragraph.metadata?.document_resource_type === DOCUMENT_RESOURCE_TYPE.IMAGE ? '图片向量' : '文本向量' }}
+                </el-tag>
+                <h6 class="shrink-0 text-primary">
                   {{ paragraph.metadata?.similarity != null ? Number(paragraph.metadata.similarity).toFixed(3) : '' }}
-                </span>
+                </h6>
               </div>
-              <el-scrollbar max-height="150" class="mt-1">
-                <MdPreview :model-value="paragraph.page_content || paragraph.metadata?.content || ''" no-img-zoom-in />
-              </el-scrollbar>
-              <div v-if="paragraph.metadata?.document_name?.trim()" class="mt-1 flex-align-center gap-1">
-                <img :src="getFileIconUrl(paragraph.metadata.document_name.trim())" alt="" width="20" />
-                <a
-                  v-if="paragraph.metadata?.source_file_id || paragraph.metadata?.source_url"
-                  :href="getFileUrl(paragraph.metadata.source_file_id) || paragraph.metadata.source_url"
-                  target="_blank"
-                  class="truncate"
-                  :title="paragraph.metadata.document_name.trim()"
-                >
-                  {{ paragraph.metadata.document_name }}
-                </a>
-                <span v-else class="truncate" :title="paragraph.metadata.document_name.trim()">
-                  {{ paragraph.metadata.document_name.trim() }}
-                </span>
-              </div>
-              <div class="mt-1 flex-align-center gap-1 border-t border-dashed pt-1">
-                <KnowledgeIcon :type="paragraph.metadata?.knowledge_type" :size="18" />
+            </template>
+
+            <MdPreview :model-value="paragraph.page_content || paragraph.metadata?.content || ''" no-img-zoom-in />
+
+            <!-- 打开来源文档 -->
+            <a
+              v-if="paragraph.metadata?.document_name?.trim()"
+              :href="getFileUrl(paragraph.metadata.source_file_id) || paragraph.metadata.source_url || undefined"
+              target="_blank"
+              rel="noopener noreferrer"
+              :download="paragraph.metadata.document_name.trim()"
+              class="mt-2 block min-w-0"
+            >
+              <el-card shadow="never" class="small cursor-pointer">
+                <div class="flex-align-center gap-2">
+                  <img :src="getFileIconUrl(paragraph.metadata.document_name.trim())" alt="" width="24" />
+                  <span class="min-w-0 truncate" :title="paragraph.metadata.document_name.trim()">{{ paragraph.metadata.document_name.trim() }}</span>
+                </div>
+              </el-card>
+            </a>
+
+            <template #footer>
+              <div class="flex-align-center w-full gap-2 border-t pt-2">
+                <KnowledgeIcon :type="paragraph.metadata?.knowledge_type" :size="16" class="small" />
                 <span class="truncate">{{ paragraph.metadata?.knowledge_name || '-' }}</span>
               </div>
-            </div>
-          </template>
+            </template>
+          </MkSourceCard>
         </template>
-        <template v-else>-</template>
       </div>
+      <template v-else>-</template>
     </div>
 
     <div class="mk-gray-card-sm">
       <h6 class="mb-2">重排结果</h6>
-      <div class="space-y-2">
-        <template v-if="data.result_list?.length > 0">
-          <template v-for="(paragraph, paragraphIndex) in data.result_list" :key="paragraphIndex">
-            <div class="mb-2 overflow-hidden rounded-md bg-white p-2">
-              <div class="flex-between">
-                <span class="truncate">{{ Number(paragraphIndex) + 1 }}.{{ paragraph.metadata?.title || '-' }}</span>
-                <span class="ml-2 shrink-0 text-primary">
+      <div v-if="data.result_list?.length > 0" class="space-y-2">
+        <template v-for="(paragraph, paragraphIndex) in data.result_list" :key="paragraphIndex">
+          <MkSourceCard :title="paragraph.metadata?.title || '-'" disabled>
+            <template #title="{ title }">
+              <span class="flex-align-center min-w-0 gap-2">
+                <h4 class="shrink-0">{{ `#${Number(paragraphIndex) + 1}` }}</h4>
+                <el-divider direction="vertical" />
+                <h4 class="min-w-0 truncate" :title="title">{{ title }}</h4>
+              </span>
+            </template>
+            <template #tag>
+              <div class="flex-align-center gap-2">
+                <el-tag size="small" type="info">
+                  {{ paragraph.metadata?.document_resource_type === DOCUMENT_RESOURCE_TYPE.IMAGE ? '图片向量' : '文本向量' }}
+                </el-tag>
+                <h6 class="shrink-0 text-primary">
                   {{ paragraph.metadata?.relevance_score != null ? Number(paragraph.metadata.relevance_score).toFixed(3) : '' }}
-                </span>
+                </h6>
               </div>
-              <el-scrollbar max-height="150" class="my-2">
-                <MdPreview :model-value="paragraph.page_content || paragraph.metadata?.content || ''" no-img-zoom-in />
-              </el-scrollbar>
-              <div v-if="paragraph.metadata?.document_name?.trim()" class="mt-1 flex-align-center gap-1">
-                <img :src="getFileIconUrl(paragraph.metadata.document_name.trim())" alt="" width="20" />
-                <a
-                  v-if="paragraph.metadata?.source_file_id || paragraph.metadata?.source_url"
-                  :href="getFileUrl(paragraph.metadata.source_file_id) || paragraph.metadata.source_url"
-                  target="_blank"
-                  class="truncate"
-                  :title="paragraph.metadata.document_name.trim()"
-                >
-                  {{ paragraph.metadata.document_name }}
-                </a>
-                <span v-else class="truncate" :title="paragraph.metadata.document_name.trim()">
-                  {{ paragraph.metadata.document_name.trim() }}
-                </span>
-              </div>
-              <div class="mt-1 flex-align-center gap-1 border-t border-dashed pt-1">
-                <KnowledgeIcon :type="paragraph.metadata?.knowledge_type" :size="18" />
+            </template>
+
+            <MdPreview :model-value="paragraph.page_content || paragraph.metadata?.content || ''" no-img-zoom-in />
+
+            <!-- 打开来源文档 -->
+            <a
+              v-if="paragraph.metadata?.document_name?.trim()"
+              :href="getFileUrl(paragraph.metadata.source_file_id) || paragraph.metadata.source_url || undefined"
+              target="_blank"
+              rel="noopener noreferrer"
+              :download="paragraph.metadata.document_name.trim()"
+              class="mt-2 block min-w-0"
+            >
+              <el-card shadow="never" class="small cursor-pointer">
+                <div class="flex-align-center gap-2">
+                  <img :src="getFileIconUrl(paragraph.metadata.document_name.trim())" alt="" width="24" />
+                  <span class="min-w-0 truncate" :title="paragraph.metadata.document_name.trim()">{{ paragraph.metadata.document_name.trim() }}</span>
+                </div>
+              </el-card>
+            </a>
+
+            <template #footer>
+              <div class="flex-align-center w-full gap-2 border-t pt-2">
+                <KnowledgeIcon :type="paragraph.metadata?.knowledge_type" :size="16" class="small" />
                 <span class="truncate">{{ paragraph.metadata?.knowledge_name || '-' }}</span>
               </div>
-            </div>
-          </template>
+            </template>
+          </MkSourceCard>
         </template>
-        <template v-else>-</template>
       </div>
+      <template v-else>-</template>
     </div>
   </DetailContainer>
 </template>
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/details/index.vue b/ui/src/workflow-canvas/nodes/search-knowledge-node/details/index.vue
index b903e5de094..b1889952d5a 100644
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/details/index.vue
+++ b/ui/src/workflow-canvas/nodes/search-knowledge-node/details/index.vue
@@ -4,9 +4,8 @@ import DetailContainer from '@/workflow-canvas/execution-details/DetailContainer
 import BaseHeader from '@/workflow-canvas/execution-details/BaseHeader.vue'
 import { getFileUrl } from '@/utils/common'
 import { getFileIconUrl } from '@/utils/icon'
-import { DOCUMENT_RESOURCE_TYPE } from '@/api/enums'
+import { DOCUMENT_RESOURCE_TYPE, KNOWLEDGE_HIT_UNIT_TYPE } from '@/api/enums'
 import type { DocumentResourceType, KnowledgeHitTestAsset } from '@/api/types'
-import fileImageIcon from '@/assets/file-type/file-image-icon.svg'
 import type { ExecutionNodeDetail } from '@/workflow-canvas/execution-details/types'
 
 defineOptions({ name: 'SearchKnowledgeNodeDetail' })
@@ -56,58 +55,66 @@ function getParagraphImageUrl(paragraph: SearchParagraph) {
 
     <div class="mk-gray-card-sm">
       <h6 class="mb-2">检索结果</h6>
-      <!-- TODO -->
-      <div class="space-y-2">
-        <template v-if="sortedParagraphs.length > 0">
-          <div v-for="(paragraph, paragraphIndex) in sortedParagraphs" :key="paragraphIndex" class="overflow-hidden rounded-md bg-white p-2 mb-2">
-            <div class="flex-between">
-              <span class="text-N600 text-sm font-medium">#{{ paragraphIndex + 1 }} {{ paragraph.title || '-' }}</span>
-              <span class="text-primary text-sm">
-                {{ paragraph.similarity?.toFixed(3) }}
+      <div class="space-y-2" v-if="sortedParagraphs.length > 0">
+        <template v-for="(paragraph, paragraphIndex) in sortedParagraphs" :key="paragraphIndex">
+          <MkSourceCard :title="`${paragraph.title || '-'}`" disabled>
+            <template #title="{ title }">
+              <span class="flex-align-center min-w-0 gap-2">
+                <h4 class="shrink-0">{{ `#${paragraphIndex + 1}` }}</h4>
+                <el-divider direction="vertical" />
+                <h4 class="min-w-0 truncate" :title="title">{{ title }}</h4>
               </span>
-            </div>
-            <el-scrollbar max-height="150" class="my-2">
-              <!-- 放大预览召回图片 -->
-              <el-image
-                v-if="getParagraphImageUrl(paragraph)"
-                :src="getParagraphImageUrl(paragraph)"
-                :alt="paragraph.title || ''"
-                fit="contain"
-                class="mb-2 h-28 w-full"
-                :preview-src-list="[getParagraphImageUrl(paragraph)]"
-                preview-teleported
-              />
-              <MdPreview :model-value="paragraph.content" no-img-zoom-in />
-            </el-scrollbar>
-            <div v-if="paragraph.document_name?.trim()" class="mt-1 flex-align-center gap-1">
-              <img
-                :src="
-                  paragraph.document_resource_type === DOCUMENT_RESOURCE_TYPE.IMAGE ? fileImageIcon : getFileIconUrl(paragraph.document_name.trim())
-                "
-                alt=""
-                width="20"
-              />
-              <a
-                v-if="paragraph.meta?.source_file_id || paragraph.meta?.source_url"
-                :href="getFileUrl(paragraph.meta?.source_file_id) || paragraph.meta?.source_url"
-                target="_blank"
-                class="truncate"
-                :title="paragraph.document_name.trim()"
-              >
-                {{ paragraph.document_name }}
-              </a>
-              <span v-else class="truncate" :title="paragraph.document_name.trim()">
-                {{ paragraph.document_name.trim() }}
-              </span>
-            </div>
-            <div class="mt-1 flex-align-center gap-1 border-t border-dashed pt-1">
-              <KnowledgeIcon :type="paragraph.knowledge_type" :size="18" />
-              <span class="truncate">{{ paragraph.knowledge_name || '-' }}</span>
-            </div>
-          </div>
+            </template>
+            <template #tag>
+              <div class="flex-align-center gap-2">
+                <el-tag size="small" type="info">
+                  {{ paragraph.document_resource_type === KNOWLEDGE_HIT_UNIT_TYPE.IMAGE ? '图片向量' : '文本向量' }}
+                </el-tag>
+                <h6 class="shrink-0 text-primary">{{ paragraph.similarity?.toFixed(3) }}</h6>
+              </div>
+            </template>
+
+            <!-- 放大预览召回图片 -->
+            <el-image
+              v-if="getParagraphImageUrl(paragraph)"
+              :src="getParagraphImageUrl(paragraph)"
+              :alt="paragraph.title || ''"
+              fit="contain"
+              class="mb-2"
+              :preview-src-list="[getParagraphImageUrl(paragraph)]"
+              preview-teleported
+            />
+
+            <MdPreview :model-value="paragraph.content" no-img-zoom-in />
+
+            <!-- 打开来源文档 -->
+
+            <a
+              v-if="paragraph.document_name?.trim()"
+              :href="paragraph.meta?.source_file_id || paragraph.meta?.source_url || undefined"
+              target="_blank"
+              rel="noopener noreferrer"
+              :download="paragraph.document_name.trim()"
+              class="mt-2 block min-w-0"
+            >
+              <el-card shadow="never" class="small cursor-pointer">
+                <div class="flex-align-center gap-2">
+                  <img :src="getFileIconUrl(paragraph.document_name.trim())" alt="" width="24" />
+                  <span class="min-w-0 truncate" :title="paragraph.document_name.trim()">{{ paragraph.document_name.trim() }}</span>
+                </div>
+              </el-card>
+            </a>
+
+            <template #footer>
+              <div class="flex-align-center w-full gap-2 border-t pt-2">
+                <KnowledgeIcon :type="paragraph.knowledge_type" :size="16" class="small" />
+                <span class="truncate">{{ paragraph.knowledge_name || '-' }}</span>
+              </div>
+            </template>
+          </MkSourceCard>
         </template>
-        <template v-else>-</template>
       </div>
+      <template v-else>-</template>
     </div>
   </DetailContainer>
 </template>