diff --git a/components/i/search/Source.vue b/components/i/search/Source.vue
new file mode 100644
index 0000000000000000000000000000000000000000..8846f3b24e56c15dbe2b060f791a90fe77de8ebd
--- /dev/null
+++ b/components/i/search/Source.vue
@@ -0,0 +1,45 @@
+<template>
+    <ULink v-for="(item, index) in limitSource" :to="item.link" :title="item.link" target="_blank">
+        <UCard :ui="cardUI">
+            <div class="flex flex-col gap-1">
+                <div class="items-center flex gap-1">
+                    <UIcon name="i-simple-icons-github" />
+                    <div class="truncate flex flex-grow">{{ item.repo }}</div>
+                    <div class="text-gray-200">{{ index + 1 }}</div>
+                </div>
+                <div class="text-blue-500 truncate">{{ item.label }}</div>
+            </div>
+        </UCard>
+    </ULink>
+    <UCard class="cursor-pointer" :ui="cardUI" v-if="source.length > 6" @click="handleToggleShowAll">
+        <div class="flex items-center justify-center h-full gap-1">
+            <UIcon name="i-heroicons-link-20-solid" />
+            <div v-if="!showAllSource">查看全部{{ source.length }}个来源</div>
+            <div v-else>收起</div>
+        </div>
+    </UCard>
+</template>
+<script setup>
+const props = defineProps({
+    source: {
+        type: Array,
+        default: () => []
+    }
+})
+const cardUI = {
+    body: {
+        padding: 'sm:p-3 p-3',
+        base: 'h-full'
+    }
+}
+const showAllSource = ref(false)
+const limitSource = computed(() => {
+    if (props.source.length <= 6) return props.source
+    else if (showAllSource.value) return props.source
+    else return props.source.slice(0, 5)
+})
+
+const handleToggleShowAll = () => {
+    showAllSource.value = !showAllSource.value
+}
+</script>
diff --git a/package-lock.json b/package-lock.json
index 8be2fc3535d176d38659a632921bc3bc98e4340d..fdc68360d779b22aefadc24198539b015de45aa7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3717,8 +3717,6 @@
     },
     "node_modules/@parcel/watcher-wasm/node_modules/napi-wasm": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/napi-wasm/-/napi-wasm-1.1.0.tgz",
-      "integrity": "sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==",
       "inBundle": true,
       "license": "MIT"
     },
@@ -17780,8 +17778,6 @@
       "dependencies": {
         "napi-wasm": {
           "version": "1.1.0",
-          "resolved": "https://registry.npmmirror.com/napi-wasm/-/napi-wasm-1.1.0.tgz",
-          "integrity": "sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==",
           "bundled": true
         }
       }
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index 8027d1b08a6e56872597785341a6df09053da571..bd734cf9eaed4f6185c84e5c1b5746864c019885 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -76,17 +76,7 @@
                     <span>来源</span>
                 </div>
                 <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
-                    <ULink v-for="(source, sourceIndex) in item.source" :to="source.link" target="_blank">
-                        <UCard :ui="{ body: { padding: 'sm:p-3 p-3' } }">
-                            <div class="flex flex-col space-y-1">
-                                <div class="justify-between flex space-x-1">
-                                    <span class="truncate"><UIcon class="mr-1" name="i-simple-icons-github" />{{ source.repo }}</span>
-                                    <span class="text-gray-200">{{ sourceIndex + 1 }}</span>
-                                </div>
-                                <div class="text-blue-500 truncate">{{ source.label }}</div>
-                            </div>
-                        </UCard>
-                    </ULink>
+                    <ISearchSource :source="item.source" />
                 </div>
                 <UDivider v-if="index !== data.length - 1" class="pt-2 pb-2" />
             </template>
@@ -197,8 +187,6 @@ const handleReGenerate = (index) => {
     })
 }
 
-const steps = ['', '问题分析', '代码搜索', '整理答案', '完成！']
-
 const data = ref([])
 
 const recommendQuestions = [