From cbe7633c23abd3b57a03befe7a1000b1390f0e3b Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Thu, 19 Mar 2026 16:49:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20websources=E8=A7=86=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/agent.ts                            | 12 ++++++++
 src/views/home/agent/components/Preview.vue | 32 ++++++++++-----------
 2 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/api/agent.ts b/src/api/agent.ts
index 257e01e..05783d6 100644
--- a/src/api/agent.ts
+++ b/src/api/agent.ts
@@ -80,3 +80,15 @@ export const deleteProject = (id: string) => {
 		method: 'delete'
 	})
 }
+
+/**
+ * 批量获取url对应的标题
+ * @param { string[] } data 批量获取url对应的标题参数
+ */
+export const fetchUrlTitle = (data: string[]) => {
+	return request({
+		url: '/api/ai-design/fetch-url-content',
+		method: 'post',
+		data: { urls: data }
+	})
+}
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index 8fd42dd..c4bf350 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -55,10 +55,10 @@
 			<div class="url-list flex">
 				<div class="url-item flex flex-col" v-for="item in urlList" :key="item">
 					<div class="url-title" v-ellipsis="3" @click="handleClickUrl(item)">
-						{{ item }}
+						{{ item.title }}
 						<img src="@/assets/images/link-outer.png" class="link-outer" />
 					</div>
-					<div class="url-link" v-ellipsis="3">{{ item }}</div>
+					<div class="url-link" v-ellipsis="3">{{ item.url }}</div>
 				</div>
 			</div>
 		</template>
@@ -94,18 +94,20 @@
 
 <script setup lang="ts">
 	import { ref, reactive, onMounted, onUnmounted, watch } from 'vue'
-	import Menu from './Menu.vue'
-	import LoadingImg from '@/assets/images/sketch-loading.gif'
-	import reportNull from '@/assets/images/reportNull.png'
-	import myEvent from '@/utils/myEvent'
 	import { deleteSketchFlowCanvas } from '@/api/flow-canvas'
 	import { useProjectStore } from '@/stores'
-	const projectStore = useProjectStore()
-	import MyEvent from '@/utils/myEvent'
 	import { useI18n } from 'vue-i18n'
 	import { VueMarkdown } from '@crazydos/vue-markdown'
 	import type { CustomAttrs } from '@crazydos/vue-markdown'
 	import rehypeRaw from 'rehype-raw'
+	import Menu from './Menu.vue'
+	import LoadingImg from '@/assets/images/sketch-loading.gif'
+	import reportNull from '@/assets/images/reportNull.png'
+	import myEvent from '@/utils/myEvent'
+	import { fetchUrlTitle } from '@/api/agent'
+
+	const projectStore = useProjectStore()
+	import MyEvent from '@/utils/myEvent'
 
 	const { t } = useI18n()
 	const emits = defineEmits(['deleteSketch'])
@@ -158,14 +160,10 @@
 		reportType.value = 'report'
 		sessionId.value = id
 	}
-	const setUrls = (list: string[]) => {
+	const setUrls = async (list: string[]) => {
 		reportType.value = 'urls'
-		urlList.value = list
-		// urlList.value = [
-		// 	'https://furnitureindustrynews.substack.com/p/what-2026-really-looks-like-for-furniture',
-		// 	'https://furnitureindustrynews.substack.com/p/what-2026-really-looks-like-for-furniture',
-		// 	'https://furnitureindustrynews.substack.com/p/what-2026-really-looks-like-for-furniture'
-		// ]
+		const res = await fetchUrlTitle(list)
+		urlList.value = res
 	}
 	watch(
 		() => sessionId.value,
@@ -241,8 +239,8 @@
 		showLoading.value = true
 	}
 
-	const handleClickUrl = (item: string) => {
-		window.open(item, '_blank')
+	const handleClickUrl = (item: { url: string, title: string }) => {
+		window.open(item.url, '_blank')
 	}
 
 	// watch(