From 5b7ee903e8497d4255f82c43cc092eb8f2a2fab2 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 16 Mar 2026 11:43:19 +0800
Subject: [PATCH 1/7] feat: url link

---
 src/assets/images/link.png                    | Bin 0 -> 426 bytes
 src/assets/images/search.png                  | Bin 0 -> 332 bytes
 src/assets/images/web-card.png                | Bin 0 -> 9347 bytes
 src/utils/useWebTitle.ts                      |  92 ++++++++++++++++++
 src/views/home/agent/components/Agent.vue     |  22 ++---
 src/views/home/agent/components/Item.vue      |  46 +++++++--
 src/views/home/agent/components/Preview.vue   |  73 +++++++++-----
 .../home/agent/components/ReportCard.vue      |  74 +++++++++-----
 src/views/home/agent/components/UrlCard.vue   |   2 +-
 src/views/home/agent/index.vue                |  14 ++-
 10 files changed, 255 insertions(+), 68 deletions(-)
 create mode 100644 src/assets/images/link.png
 create mode 100644 src/assets/images/search.png
 create mode 100644 src/assets/images/web-card.png
 create mode 100644 src/utils/useWebTitle.ts

diff --git a/src/assets/images/link.png b/src/assets/images/link.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e14709d8f50ad14fd174d7147856e385a8af56e
GIT binary patch
literal 426
zcmV;b0agBqP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH01k9TSaefwW^{L9
za%BKUX=iO=p0So=0003cNkl<ZcmbVL%TdEH5Pd8A!VCwMpc3eSPytQ_DFNU3Tre}h
z47bn$sQ^;}DIq1e1Roeqkj<_nC-EfFB;JFxquuv*wI9L}!uR6|2p_u!Zu01GDQ5+u
z(c1XWCB4<}UN`E5#_I$tx(zxx;@j~xGSm^)tO*Duy?lQ40+xlv8NLO0(Y@s`T&lO4
z=`}{&_l+Ky7lP3&oQY|-CxL%))!9tE+f%?at=r8P5|RW<jid`MNq}=qu-qTHD{z`1
z#|(cA{9v{X?z<#}Di7Kzu5Ufq>6{o0kxYgzqp7OH2*L~?5Rh-7#XvDw>Quq<UGaDf
zfFFt*xm=h=$;B@cVIJ+REXu*5@{81EODMFJ<XM%(pc3#1DGA?QNZ2QOuIKu+0-u|6
Uw<M_?=>Px#07*qoM6N<$g6>PIwEzGB

literal 0
HcmV?d00001

diff --git a/src/assets/images/search.png b/src/assets/images/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0b84e6c4db098a0b6db0a88f18995face9efc8e
GIT binary patch
literal 332
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xa&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5pRdF<q9iy!t)x7$D3!r2Gd(wP-o|OkK$+v7
zE{-7;jB_U`@*i^GY2{YwcsZMmyX>&vLc<J^uKCT*3%-jRNL+Z4D4@X;A&^jU_EeGP
zcD<Y4`%JFyzV2P^ekEwGLmo?;0#kWFL%ZFT;Mc4XP5aga8!*ckER@=q$(uCw`~fi)
z#mUT-2fkd6=?Z)0HK)ONs%`6*$%{6cxwUnEo%AF9NpE9fiO~966%(>NdnZ=gRGNpM
zKlr$=S+t^Q_LDg?mL>S#oBV=*!b!*aT{c^sK1mm-INy0c<J7{RuEmRGgEenD=Ufw?
Y_*qeH`H`(tfL>zoboFyt=akR{0N|f|X#fBK

literal 0
HcmV?d00001

diff --git a/src/assets/images/web-card.png b/src/assets/images/web-card.png
new file mode 100644
index 0000000000000000000000000000000000000000..47351d524071fbab9889e19b89bd025a2308f1c8
GIT binary patch
literal 9347
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

literal 0
HcmV?d00001

diff --git a/src/utils/useWebTitle.ts b/src/utils/useWebTitle.ts
new file mode 100644
index 0000000..5bf7367
--- /dev/null
+++ b/src/utils/useWebTitle.ts
@@ -0,0 +1,92 @@
+import { ref } from 'vue'
+
+export const useWebsiteTitle = () => {
+	const titles = ref<Map<string, string>>(new Map())
+	const loading = ref(new Set<string>())
+	const errors = ref(new Map<string, string>())
+
+	// 新增：重试配置
+	const MAX_RETRY = 3
+	const BASE_DELAY = 800 // 毫秒
+
+	const getCache = (url: string) => {
+		const cached = sessionStorage.getItem(`title_cache_${url}`)
+		if (!cached) return null
+		const { title, expire } = JSON.parse(cached)
+		return Date.now() < expire ? title : null
+	}
+
+	const setCache = (url: string, title: string) => {
+		const data = { title, expire: Date.now() + 7 * 24 * 60 * 60 * 1000 }
+		sessionStorage.setItem(`title_cache_${url}`, JSON.stringify(data))
+	}
+
+	const fetchWithRetry = async (url: string, retryCount = 0): Promise<string> => {
+		const proxyUrl = `https://api.allorigins.win/raw?url=${encodeURIComponent(url)}`
+
+		try {
+			const res = await fetch(proxyUrl)
+
+			if (!res.ok) {
+				throw new Error(`HTTP ${res.status}`)
+			}
+
+			const html = await res.text()
+			const parser = new DOMParser()
+			const doc = parser.parseFromString(html, 'text/html')
+			const title =
+				doc.querySelector('title')?.textContent?.trim() || new URL(url).hostname || '无标题'
+
+			return title
+		} catch (err) {
+			if (retryCount >= MAX_RETRY) {
+				throw err // 达到最大重试次数，抛出错误
+			}
+
+			// 第1次等800ms，第2次等1600ms，第3次等3200ms
+			const delay = BASE_DELAY * Math.pow(2, retryCount)
+			console.warn(
+				`获取标题失败，${retryCount + 1}/${MAX_RETRY} 次重试，等待 ${delay}ms`,
+				url
+			)
+
+			await new Promise((resolve) => setTimeout(resolve, delay))
+			return fetchWithRetry(url, retryCount + 1)
+		}
+	}
+
+	const fetchTitle = async (url: string): Promise<string> => {
+		if (titles.value.has(url)) return titles.value.get(url)!
+
+		const cached = getCache(url)
+		if (cached) {
+			titles.value.set(url, cached)
+			return cached
+		}
+
+		if (loading.value.has(url)) return ''
+
+		loading.value.add(url)
+		errors.value.delete(url)
+
+		try {
+			const title = await fetchWithRetry(url)
+			titles.value.set(url, title)
+			setCache(url, title)
+			return title
+		} catch (err) {
+			const msg = `获取标题失败（已重试 ${MAX_RETRY} 次）`
+			errors.value.set(url, msg)
+			console.error(err)
+			return msg
+		} finally {
+			loading.value.delete(url)
+		}
+	}
+
+	const fetchAll = async (urls: string[]) => {
+		await Promise.allSettled(urls.map(fetchTitle))
+	}
+
+	return { titles, loading, errors, fetchTitle, fetchAll }
+}
diff --git a/src/views/home/agent/components/Agent.vue b/src/views/home/agent/components/Agent.vue
index f654e30..989ce44 100644
--- a/src/views/home/agent/components/Agent.vue
+++ b/src/views/home/agent/components/Agent.vue
@@ -210,7 +210,6 @@
 			// 流式响应处理
 			let contentBody = ''
 			let buffer = ''
-			const webAddressList = []
 			const reader = response.body?.getReader()
 			if (!reader) throw new Error('无法获取流读取器')
 
@@ -248,10 +247,8 @@
 								?.trim() || ''
 
 						if (!hasReportStarted && eventName === 'report') {
-							console.log('开始生成报告--------')
-
 							isGeneratingReport.value = true
-							contentBody += `<slot slot-name="card" title="123">123</slot>`
+							contentBody += `<slot slot-name="card" title="123" content="123">123</slot>`
 							hasReportStarted = true
 						}
 
@@ -298,9 +295,9 @@
 							params.versionID = dataLines[0]
 							projectStore.setProject({ nodeId: dataLines[0] })
 						}
-						if (eventName === 'webAddress') {
-							console.log('webAddress-----', eventName, dataLines)
-						}
+						// if (eventName === 'webAddress') {
+						// 	console.log('webAddress111111111111111', eventName, dataLines)
+						// }
 
 						if (eventName === 'tool') {
 							MyEvent.emit('loading-sketch')
@@ -313,7 +310,7 @@
 							const jsonData = JSON.parse(jsonText)
 							// console.log('jsonData', jsonData)
 							if (jsonData.webAddress) {
-								console.log('webAddress-----', jsonData)
+								aiMessage.webAddress = JSON.parse(jsonData.webAddress)
 							}
 							if (jsonData.title) {
 								emits('setTitle', jsonData.title)
@@ -439,7 +436,10 @@
 
 		while (i < dialogue.length) {
 			const item = dialogue[i]
-
+			if (item.webAddress?.length > 0) {
+				console.log('item.webAddress-----', item.webAddress)
+				debugger
+			}
 			if (item.role === 'user') {
 				// user 角色直接添加
 				result.push({
@@ -496,7 +496,7 @@
 			for (let i = 0; i < session.dialogue.length; i++) {
 				if (session.dialogue[i].report) {
 					session.dialogue[i].content =
-						`<slot slot-name="card" title="123">123</slot>` +
+						`<slot slot-name="card" title="123" content="123">123</slot>` +
 						(session.dialogue[i].content || '')
 					break
 				}
@@ -516,7 +516,7 @@
 
 		// 3. 收集 sketchIDAndUrl 到 imgList
 		if (session.sketchIDAndUrl) {
-			imgList.push(...session.sketchIDAndUrl)
+			imgList.push(session.sketchIDAndUrl)
 		}
 
 		// 4. 处理 dialogue
diff --git a/src/views/home/agent/components/Item.vue b/src/views/home/agent/components/Item.vue
index fa08495..8ab6681 100644
--- a/src/views/home/agent/components/Item.vue
+++ b/src/views/home/agent/components/Item.vue
@@ -40,10 +40,21 @@
 						<template v-slot:s-card="{ children: children, ...attrs }">
 							<Card :title="attrs.title" @click.native="handleClickReport" />
 						</template>
+						<template v-slot:url-card="{ children: children }">
+							<Url :list="content.webAddress" @click.native="handleClickUrls" />
+						</template>
 					</VueMarkdown>
+					<!-- <Url @click.native="handleClickUrls" /> -->
+					<div
+						class="web-address flex align-center"
+						v-show="content.webAddress?.length > 0"
+					>
+						<img src="@/assets/images/search.png" class="search-icon" />
+						<span>{{ content.webAddress?.length }} web pages have been retrieved.</span>
+					</div>
 				</div>
 				<div
-					v-show="!content.thinking"
+					v-show="!content.streaming"
 					class="operate flex"
 					:class="{ 'is-user': content.isUser }"
 				>
@@ -96,13 +107,13 @@
 		isLast: Boolean
 	}>()
 
-	watch(
-		() => props.content,
-		(newVal) => {
-			console.log('newVal-----', newVal)
-		},
-		{ immediate: true }
-	)
+	// watch(
+	// 	() => props.content,
+	// 	(newVal) => {
+	// 		console.log('newVal-----', newVal)
+	// 	},
+	// 	{ immediate: true }
+	// )
 
 	const emit = defineEmits(['regenerate'])
 
@@ -215,6 +226,7 @@
 		// 点击显示报告
 	}
 	const handleClickUrls = (data) => {
+		MyEvent.emit('openUrls', props.content.webAddress)
 		// 点击显示来源
 	}
 </script>
@@ -260,6 +272,24 @@
 				width: fit-content;
 				max-width: 82%;
 			}
+			.web-address {
+				width: fit-content;
+				min-width: 22.5rem;
+				line-height: 2.6rem;
+				padding: 0 1rem;
+				border-radius: 1.5rem;
+				color: #000000a6;
+				border: 0.1rem solid #0000001a;
+				font-family: 'Regular';
+				font-weight: 400;
+				font-size: 1.2rem;
+				margin-top: 1rem;
+				column-gap: 0.8rem;
+				.search-icon {
+					width: 1.4rem;
+					height: 1.4rem;
+				}
+			}
 		}
 		.operate {
 			margin-top: 1.3rem;
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index b510bf2..45805ac 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -52,27 +52,34 @@
 		</template>
 		<div v-else class="reportBorder">
 			<div class="report">
-				<div v-if="false" class="report-content-null">
+				<!-- <div v-if="false" class="report-content-null">
 					<img :src="reportNull" alt="" />
-				</div>
-				<div v-else class="report-content">
-					<div class="downBtnBox">
-						<div class="downBtn" @click="handleDownloadMd">
-							<div class="icon">
-								<SvgIcon name="reportDown" size="16"></SvgIcon>
+				</div> -->
+				<template v-if="reportType === 'report'">
+					<div class="report-content">
+						<div class="downBtnBox">
+							<div class="downBtn" @click="handleDownloadMd">
+								<div class="icon">
+									<SvgIcon name="reportDown" size="16"></SvgIcon>
+								</div>
+								<span>{{ $t('agent.Download') }}</span>
 							</div>
-							<span>{{ $t('agent.Download') }}</span>
+						</div>
+						<div class="content">
+							<VueMarkdown
+								:custom-attrs="customAttrs"
+								:markdown="markdownContent"
+								:rehype-plugins="[rehypeRaw]"
+							>
+							</VueMarkdown>
 						</div>
 					</div>
-					<div class="content">
-						<VueMarkdown
-							:custom-attrs="customAttrs"
-							:markdown="markdownContent"
-							:rehype-plugins="[rehypeRaw]"
-						>
-						</VueMarkdown>
+				</template>
+				<template v-else>
+					<div class="url-list">
+						<div class="url-item" v-for="item in urlList" :key="item"></div>
 					</div>
-				</div>
+				</template>
 			</div>
 		</div>
 	</div>
@@ -92,6 +99,9 @@
 	import { VueMarkdown } from '@crazydos/vue-markdown'
 	import type { CustomAttrs } from '@crazydos/vue-markdown'
 	import rehypeRaw from 'rehype-raw'
+	import { useWebsiteTitle } from '@/utils/useWebTitle'
+
+	const { titles, loading, fetchAll } = useWebsiteTitle()
 
 	const { t } = useI18n()
 	const emits = defineEmits(['deleteSketch'])
@@ -125,17 +135,29 @@
 
 	const sessionId = ref('')
 	const markdownContent = ref('')
-const setSessionId = (id: string) => {
-		
+	const urlList = ref([])
+	const reportType = ref<'report' | 'urls'>('report')
+	const setSessionId = (id: string) => {
+		console.log('setSessionId-----', id)
+		reportType.value = 'report'
 		sessionId.value = id
 	}
+	const setUrls = (list: string[]) => {
+		console.log('setUrls-----', list)
+		reportType.value = 'urls'
+		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'
+		]
+		fetchAll(list)
+	}
 	watch(
 		() => sessionId.value,
 		(newVal) => {
 			if (newVal) {
 				markdownContent.value = localStorage.getItem(`reportsContent_${newVal}`)
-				console.log('markdownContent-----', markdownContent.value);
-				
+				console.log(`报告key值:reportsContent_${newVal}`, markdownContent.value)
 			}
 		}
 	)
@@ -143,9 +165,7 @@ const setSessionId = (id: string) => {
 	// 图片加载完成时触发
 	const handleImageLoad = (index: number) => {
 		loadedStatus[index] = true
-		if (index === props.sketchList.length - 1) {
-			showLoading.value = false
-		}
+		showLoading.value = false
 	}
 
 	// 获取当前显示的图片源
@@ -209,6 +229,8 @@ const setSessionId = (id: string) => {
 	watch(
 		() => props.sketchList,
 		(val) => {
+			console.log('sketchList-----', val);
+			
 			if (val.length > 0) {
 				showLoading.value = false
 			}
@@ -223,7 +245,8 @@ const setSessionId = (id: string) => {
 	})
 
 	defineExpose({
-		setSessionId
+		setSessionId,
+		setUrls
 	})
 </script>
 
@@ -289,6 +312,7 @@ const setSessionId = (id: string) => {
 			flex: 1;
 			overflow: hidden;
 			height: 100%;
+
 			&::before {
 				content: '';
 				position: absolute;
@@ -348,6 +372,7 @@ const setSessionId = (id: string) => {
 						white-space: pre-wrap;
 						overflow-y: auto;
 						margin: 2rem;
+						padding: 0 8.8rem 8.8rem;
 					}
 				}
 			}
diff --git a/src/views/home/agent/components/ReportCard.vue b/src/views/home/agent/components/ReportCard.vue
index 6e0b133..e13210d 100644
--- a/src/views/home/agent/components/ReportCard.vue
+++ b/src/views/home/agent/components/ReportCard.vue
@@ -1,49 +1,79 @@
 <template>
-	<div class="report-card">
+	<div class="report-card" :class="{ 'is-url': isUrl }">
 		<div class="report-card-header">
-			<span>{{ title }}</span>
+			<span v-if="!isUrl">{{ title }}</span>
+			<div v-else class="web-sources flex align-center">
+				<span>Web Sources</span>
+				<img src="@/assets/images/link.png" class="link-icon" />
+			</div>
 		</div>
 		<div class="report-card-content">
-			<span>{{ title }}</span>
+			<span v-if="!isUrl">{{ content }}</span>
+			<span v-else>Destination URL</span>
 		</div>
 	</div>
 </template>
 
 <script setup lang="ts">
-	const props = defineProps<{
-		title: string
-	}>()
+	// const props = defineProps<{
+	// 	title: string
+	// 	isUrl?: boolean
+	// }>()
+
+	const props = withDefaults(
+		defineProps<{
+			title?: string
+			content?: string
+			isUrl?: boolean
+		}>(),
+		{
+			isUrl: false,
+			title: '',
+			content: ''
+		}
+	)
 </script>
 
 <style lang="less" scoped>
 	.report-card {
 		cursor: pointer;
-		width:100%;
+		width: 100%;
 		margin: 2.4rem 0;
 		min-height: 11.2rem;
 		background: url('@/assets/images/report-card.png') no-repeat;
 		background-size: 100% 100%;
-    padding: 2.9rem;
+		padding: 2.9rem;
 		overflow: hidden;
+		&.is-url {
+			background: url('@/assets/images/link-card.png') no-repeat;
+			background-size: 100% 100%;
+		}
 		// &:first-of-type{
 		// 	margin-top: 0;
 		// }
 		&-header {
 			font-family: 'Medium';
-      font-size: 1.6rem;
-      margin-bottom: 1.3rem;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 3;
-      -webkit-box-orient: vertical;
-      line-clamp: 3;
+			font-size: 1.6rem;
+			margin-bottom: 1.3rem;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			-webkit-line-clamp: 3;
+			-webkit-box-orient: vertical;
+			line-clamp: 3;
+			.web-sources {
+				column-gap: 0.8rem;
+				.link-icon {
+					width: 1.6rem;
+					height: 1.6rem;
+				}
+			}
+		}
+		&-content {
+			font-family: 'Regular';
+			font-weight: 300;
+			font-size: 1.6rem;
+			color: #7c7c7c;
 		}
-    &-content{
-      font-family: 'Regular';
-      font-weight: 300;
-      font-size: 1.6rem;
-      color: #7c7c7c;
-    }
 	}
 </style>
diff --git a/src/views/home/agent/components/UrlCard.vue b/src/views/home/agent/components/UrlCard.vue
index af3e6fd..ccc3702 100644
--- a/src/views/home/agent/components/UrlCard.vue
+++ b/src/views/home/agent/components/UrlCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <ReportCard :report="{title: 'WebSources', content: 'Destination URL'}"/>
+  <ReportCard is-url :report="{title: 'WebSources', content: 'Destination URL'}"/>
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/home/agent/index.vue b/src/views/home/agent/index.vue
index e8207d4..4657c08 100644
--- a/src/views/home/agent/index.vue
+++ b/src/views/home/agent/index.vue
@@ -103,11 +103,19 @@
 
 	const proJectId = computed(() => route.params.id)
 
-const handleOpenReport = (data) => {
-		previewRef.value.setSessionId(data)
+	const handleOpenReport = (data, isUrls = false) => {
+		if (isUrls) {
+			previewRef.value.setUrls(data)
+		} else {
+			previewRef.value.setSessionId(data)
+		}
 		previewType.value = 'report'
 	}
 
+	const handleOpenUrls = (data) => {
+		handleOpenReport(data, true)
+	}
+
 	watch(
 		() => proJectId.value,
 		(newVal, oldVal) => {
@@ -120,6 +128,7 @@ const handleOpenReport = (data) => {
 
 	onMounted(() => {
 		MyEvent.add('openReport', handleOpenReport)
+		MyEvent.add('openUrls', handleOpenUrls)
 		projectStore.clearProject()
 		if (proJectId.value) {
 			handleGetProjectInfoAndHistory()
@@ -127,6 +136,7 @@ const handleOpenReport = (data) => {
 	})
 	onUnmounted(() => {
 		MyEvent.remove('openReport', handleOpenReport)
+		MyEvent.remove('openUrls', handleOpenUrls)
 	})
 </script>
 

From b82c35f8b75bfd631779d6374c83c14f1df99f3a Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 16 Mar 2026 13:07:31 +0800
Subject: [PATCH 2/7] =?UTF-8?q?feat:=20sketch=E7=94=9F=E6=88=90=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/agent/components/Agent.vue   |  4 +++-
 src/views/home/agent/components/Preview.vue | 20 +++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/views/home/agent/components/Agent.vue b/src/views/home/agent/components/Agent.vue
index 989ce44..41f7c62 100644
--- a/src/views/home/agent/components/Agent.vue
+++ b/src/views/home/agent/components/Agent.vue
@@ -283,7 +283,7 @@
 
 						let isNodeIdEvent = eventName === 'nodeId'
 
-						let hasSketch = eventName === 'sketch'
+						let hasSketch = eventName === 'sketchIDAndUrl'
 
 						const dataLines = event
 							.split(/\n/)
@@ -317,6 +317,8 @@
 							}
 
 							if (hasSketch) {
+								console.log('sketch事件-----', jsonData);
+								
 								sketchList.value.push({
 									[Object.keys(jsonData)[0]]: jsonData[Object.keys(jsonData)[0]]
 								})
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index 45805ac..b19877b 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -226,17 +226,15 @@
 	const handleLoadingSketch = () => {
 		showLoading.value = true
 	}
-	watch(
-		() => props.sketchList,
-		(val) => {
-			console.log('sketchList-----', val);
-			
-			if (val.length > 0) {
-				showLoading.value = false
-			}
-		},
-		{ deep: true }
-	)
+	// watch(
+	// 	() => props.sketchList,
+	// 	(val) => {
+	// 		if (val.length > 0) {
+	// 			showLoading.value = false
+	// 		}
+	// 	},
+	// 	{ deep: true }
+	// )
 	onMounted(() => {
 		MyEvent.add('loading-sketch', handleLoadingSketch)
 	})

From 334c658d7c48cf445259c7a0d9750245e34f35a3 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Mon, 16 Mar 2026 13:19:41 +0800
Subject: [PATCH 3/7] fix

---
 .../components/tools/threeModel/detail.vue        | 15 +++++++++++++++
 src/lang/en.ts                                    |  1 +
 src/lang/zh-cn.ts                                 |  1 +
 3 files changed, 17 insertions(+)

diff --git a/src/components/Canvas/FlowCanvas/components/tools/threeModel/detail.vue b/src/components/Canvas/FlowCanvas/components/tools/threeModel/detail.vue
index d828c77..2ae02ee 100644
--- a/src/components/Canvas/FlowCanvas/components/tools/threeModel/detail.vue
+++ b/src/components/Canvas/FlowCanvas/components/tools/threeModel/detail.vue
@@ -62,6 +62,7 @@ const {} = toRefs(data);
 				</div>
 			</div>
 		</div>
+		<div class="download">{{ $t('threeModel.download') }}</div>
 	</div>
 </template>
 <style lang="less" scoped>
@@ -76,6 +77,20 @@ const {} = toRefs(data);
 			line-height: 2.7rem;
 			color: #000;
 		}
+		> .download{
+			margin-left: 4.2rem;
+			margin-top: 24.8rem;
+			line-height: 3rem;
+			width: 20rem;
+			border-radius: 1.5rem;
+			color: #fff;
+			background-color: #ff7a51;
+			font-weight: 600;
+			font-style: Semibold;
+			font-size: 1.2rem;
+			text-align: center;
+			cursor: pointer;
+		}
 		> .detail{
 			> .name{
 				> .title{
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 1750c74..2ec7bd1 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -191,5 +191,6 @@ export default {
 	//3d面板
 	threeModel: {
 		loading: 'Loading',
+		download: 'Download',
 	}
 }
diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts
index db123b9..9a79532 100644
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -186,5 +186,6 @@ export default {
 	//3d面板
 	threeModel: {
 		loading: '加载中',
+		download: '下载',
 	}
 }

From 8eff97a3f25aa69b2b62eb050eb8d50e2db01fcc Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 16 Mar 2026 14:11:01 +0800
Subject: [PATCH 4/7] feat:  webAddress

---
 src/assets/images/link-outer.png              | Bin 0 -> 349 bytes
 src/utils/useWebTitle.ts                      |  92 ------------------
 src/views/home/agent/components/Agent.vue     |  15 ++-
 src/views/home/agent/components/Item.vue      |   3 +-
 src/views/home/agent/components/Preview.vue   |  75 ++++++++++----
 .../home/agent/components/ReportCard.vue      |   2 +-
 src/views/home/agent/index.vue                |  15 +--
 7 files changed, 73 insertions(+), 129 deletions(-)
 create mode 100644 src/assets/images/link-outer.png
 delete mode 100644 src/utils/useWebTitle.ts

diff --git a/src/assets/images/link-outer.png b/src/assets/images/link-outer.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef7294367bc822656b6ea5813369125d0c080b66
GIT binary patch
literal 349
zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&k&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5pRdF<q9iy!t)x7$D3!r2Gd(wP-o|OkK$#n!
zE{-7;jIBWzd7B(~p7MEmG#ueAVKJY;dxf*b^NMEyvzvw41;INE_CHkSyq{?8By~mY
zZ0zmp-?o-JZcxaa^=_fsX(R63$to)!S==*NrYdo8bI_`d*Y+jMTcG+TR>YNe@)RG3
zqf!sjua}x%yvp*w<*tpWh}DF7-xxzyxE}4k_DilU(N8+|zQwi24KjTVmJz=a!UK$p
z9*fmArth<vq1QKy<+rQBv)*aUANv@$2S1oS;nJm3H(d3aHof}2@5o|<myPVZto{o|
q@f;4&DN_{P-g>Q;{qgfjpBOLlIz3yHc*PUwM+Q$<KbLh*2~7Z(|AyKC

literal 0
HcmV?d00001

diff --git a/src/utils/useWebTitle.ts b/src/utils/useWebTitle.ts
deleted file mode 100644
index 5bf7367..0000000
--- a/src/utils/useWebTitle.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { ref } from 'vue'
-
-export const useWebsiteTitle = () => {
-	const titles = ref<Map<string, string>>(new Map())
-	const loading = ref(new Set<string>())
-	const errors = ref(new Map<string, string>())
-
-	// 新增：重试配置
-	const MAX_RETRY = 3
-	const BASE_DELAY = 800 // 毫秒
-
-	const getCache = (url: string) => {
-		const cached = sessionStorage.getItem(`title_cache_${url}`)
-		if (!cached) return null
-		const { title, expire } = JSON.parse(cached)
-		return Date.now() < expire ? title : null
-	}
-
-	const setCache = (url: string, title: string) => {
-		const data = { title, expire: Date.now() + 7 * 24 * 60 * 60 * 1000 }
-		sessionStorage.setItem(`title_cache_${url}`, JSON.stringify(data))
-	}
-
-	const fetchWithRetry = async (url: string, retryCount = 0): Promise<string> => {
-		const proxyUrl = `https://api.allorigins.win/raw?url=${encodeURIComponent(url)}`
-
-		try {
-			const res = await fetch(proxyUrl)
-
-			if (!res.ok) {
-				throw new Error(`HTTP ${res.status}`)
-			}
-
-			const html = await res.text()
-			const parser = new DOMParser()
-			const doc = parser.parseFromString(html, 'text/html')
-			const title =
-				doc.querySelector('title')?.textContent?.trim() || new URL(url).hostname || '无标题'
-
-			return title
-		} catch (err) {
-			if (retryCount >= MAX_RETRY) {
-				throw err // 达到最大重试次数，抛出错误
-			}
-
-			// 第1次等800ms，第2次等1600ms，第3次等3200ms
-			const delay = BASE_DELAY * Math.pow(2, retryCount)
-			console.warn(
-				`获取标题失败，${retryCount + 1}/${MAX_RETRY} 次重试，等待 ${delay}ms`,
-				url
-			)
-
-			await new Promise((resolve) => setTimeout(resolve, delay))
-			return fetchWithRetry(url, retryCount + 1)
-		}
-	}
-
-	const fetchTitle = async (url: string): Promise<string> => {
-		if (titles.value.has(url)) return titles.value.get(url)!
-
-		const cached = getCache(url)
-		if (cached) {
-			titles.value.set(url, cached)
-			return cached
-		}
-
-		if (loading.value.has(url)) return ''
-
-		loading.value.add(url)
-		errors.value.delete(url)
-
-		try {
-			const title = await fetchWithRetry(url)
-			titles.value.set(url, title)
-			setCache(url, title)
-			return title
-		} catch (err) {
-			const msg = `获取标题失败（已重试 ${MAX_RETRY} 次）`
-			errors.value.set(url, msg)
-			console.error(err)
-			return msg
-		} finally {
-			loading.value.delete(url)
-		}
-	}
-
-	const fetchAll = async (urls: string[]) => {
-		await Promise.allSettled(urls.map(fetchTitle))
-	}
-
-	return { titles, loading, errors, fetchTitle, fetchAll }
-}
diff --git a/src/views/home/agent/components/Agent.vue b/src/views/home/agent/components/Agent.vue
index 41f7c62..7933695 100644
--- a/src/views/home/agent/components/Agent.vue
+++ b/src/views/home/agent/components/Agent.vue
@@ -146,7 +146,7 @@
 			id: messageList.value.length + 1,
 			text: '',
 			isUser: false,
-			sessionId: 'projectStore.state.id',
+			sessionId: projectStore.state.id,
 			loading: true,
 			thinking: false,
 			thinkingText: '',
@@ -258,7 +258,7 @@
 							reportsContent.value
 						) {
 							isGeneratingReport.value = false
-							localStorage.setItem(
+							sessionStorage.setItem(
 								'reportsContent_' + projectStore.state.id,
 								reportsContent.value
 							)
@@ -297,6 +297,7 @@
 						}
 						// if (eventName === 'webAddress') {
 						// 	console.log('webAddress111111111111111', eventName, dataLines)
+						// 	debugger
 						// }
 
 						if (eventName === 'tool') {
@@ -311,17 +312,17 @@
 							// console.log('jsonData', jsonData)
 							if (jsonData.webAddress) {
 								aiMessage.webAddress = JSON.parse(jsonData.webAddress)
+								contentBody += `<slot slot-name="url">123</slot>`
 							}
 							if (jsonData.title) {
 								emits('setTitle', jsonData.title)
 							}
 
 							if (hasSketch) {
-								console.log('sketch事件-----', jsonData);
-								
 								sketchList.value.push({
 									[Object.keys(jsonData)[0]]: jsonData[Object.keys(jsonData)[0]]
 								})
+								MyEvent.emit('OpenSketch')
 							}
 							if (eventName === 'report') {
 								reportsContent.value += jsonData.report
@@ -438,10 +439,6 @@
 
 		while (i < dialogue.length) {
 			const item = dialogue[i]
-			if (item.webAddress?.length > 0) {
-				console.log('item.webAddress-----', item.webAddress)
-				debugger
-			}
 			if (item.role === 'user') {
 				// user 角色直接添加
 				result.push({
@@ -513,7 +510,7 @@
 			}
 		})
 		if (reportStr && session.id) {
-			localStorage.setItem(`reportsContent_${session.id}`, reportStr)
+			sessionStorage.setItem(`reportsContent_${session.id}`, reportStr)
 		}
 
 		// 3. 收集 sketchIDAndUrl 到 imgList
diff --git a/src/views/home/agent/components/Item.vue b/src/views/home/agent/components/Item.vue
index 8ab6681..a4079c3 100644
--- a/src/views/home/agent/components/Item.vue
+++ b/src/views/home/agent/components/Item.vue
@@ -40,11 +40,10 @@
 						<template v-slot:s-card="{ children: children, ...attrs }">
 							<Card :title="attrs.title" @click.native="handleClickReport" />
 						</template>
-						<template v-slot:url-card="{ children: children }">
+						<template v-slot:s-url="{ children: children }">
 							<Url :list="content.webAddress" @click.native="handleClickUrls" />
 						</template>
 					</VueMarkdown>
-					<!-- <Url @click.native="handleClickUrls" /> -->
 					<div
 						class="web-address flex align-center"
 						v-show="content.webAddress?.length > 0"
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index b19877b..78c5e38 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -50,6 +50,17 @@
 				<img src="@/assets/images/sketch-loading.gif" alt="loading" />
 			</div>
 		</template>
+		<template v-else-if="type === 'url'">
+			<div class="url-list flex">
+				<div class="url-item" v-for="item in urlList" :key="item">
+					<div class="url-title" @click="handleClickUrl(item)">
+						{{ item }}
+						<img src="@/assets/images/link-outer.png" class="link-outer" />
+					</div>
+					<div class="url-link">{{ item }}</div>
+				</div>
+			</div>
+		</template>
 		<div v-else class="reportBorder">
 			<div class="report">
 				<!-- <div v-if="false" class="report-content-null">
@@ -75,11 +86,6 @@
 						</div>
 					</div>
 				</template>
-				<template v-else>
-					<div class="url-list">
-						<div class="url-item" v-for="item in urlList" :key="item"></div>
-					</div>
-				</template>
 			</div>
 		</div>
 	</div>
@@ -99,9 +105,6 @@
 	import { VueMarkdown } from '@crazydos/vue-markdown'
 	import type { CustomAttrs } from '@crazydos/vue-markdown'
 	import rehypeRaw from 'rehype-raw'
-	import { useWebsiteTitle } from '@/utils/useWebTitle'
-
-	const { titles, loading, fetchAll } = useWebsiteTitle()
 
 	const { t } = useI18n()
 	const emits = defineEmits(['deleteSketch'])
@@ -111,7 +114,7 @@
 
 	const props = withDefaults(
 		defineProps<{
-			type: 'sketch' | 'report'
+			type: 'sketch' | 'report' | 'url'
 			sketchList: Array<string>
 		}>(),
 		{
@@ -138,26 +141,23 @@
 	const urlList = ref([])
 	const reportType = ref<'report' | 'urls'>('report')
 	const setSessionId = (id: string) => {
-		console.log('setSessionId-----', id)
 		reportType.value = 'report'
 		sessionId.value = id
 	}
 	const setUrls = (list: string[]) => {
-		console.log('setUrls-----', list)
 		reportType.value = 'urls'
-		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'
-		]
-		fetchAll(list)
+		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'
+		// ]
 	}
 	watch(
 		() => sessionId.value,
 		(newVal) => {
 			if (newVal) {
-				markdownContent.value = localStorage.getItem(`reportsContent_${newVal}`)
-				console.log(`报告key值:reportsContent_${newVal}`, markdownContent.value)
+				markdownContent.value = sessionStorage.getItem(`reportsContent_${newVal}`)
 			}
 		}
 	)
@@ -226,6 +226,11 @@
 	const handleLoadingSketch = () => {
 		showLoading.value = true
 	}
+
+	const handleClickUrl = (item: string) => {
+		window.open(item, '_blank')
+	}
+
 	// watch(
 	// 	() => props.sketchList,
 	// 	(val) => {
@@ -301,6 +306,38 @@
 				}
 			}
 		}
+		.url-list {
+			flex: 1;
+			flex-wrap: wrap;
+			column-gap: 4rem;
+			row-gap: 3rem;
+			.url-item {
+				width: 24rem;
+				height: 28.7rem;
+				word-break: break-all;
+				background: url('@/assets/images/web-card.png') no-repeat;
+				background-size: 100% 100%;
+				padding: 5rem 1.5rem;
+				.url-title {
+					cursor: pointer;
+					font-family: 'Medium';
+					font-size: 1.6rem;
+					color: #232323;
+					padding-bottom: 0.6rem;
+					.link-outer {
+						width: 1.2rem;
+						height: 1.2rem;
+					}
+				}
+				.url-link {
+					font-family: 'Medium';
+					font-style: italic;
+					font-size: 1.2rem;
+					color: #7c7c7c;
+					user-select: text;
+				}
+			}
+		}
 		.reportBorder {
 			position: relative;
 			display: flex;
diff --git a/src/views/home/agent/components/ReportCard.vue b/src/views/home/agent/components/ReportCard.vue
index e13210d..190f873 100644
--- a/src/views/home/agent/components/ReportCard.vue
+++ b/src/views/home/agent/components/ReportCard.vue
@@ -8,7 +8,7 @@
 			</div>
 		</div>
 		<div class="report-card-content">
-			<span v-if="!isUrl">{{ content }}</span>
+			<span v-if="!isUrl">markdown.md</span>
 			<span v-else>Destination URL</span>
 		</div>
 	</div>
diff --git a/src/views/home/agent/index.vue b/src/views/home/agent/index.vue
index 4657c08..89e2f79 100644
--- a/src/views/home/agent/index.vue
+++ b/src/views/home/agent/index.vue
@@ -104,16 +104,13 @@
 	const proJectId = computed(() => route.params.id)
 
 	const handleOpenReport = (data, isUrls = false) => {
-		if (isUrls) {
-			previewRef.value.setUrls(data)
-		} else {
-			previewRef.value.setSessionId(data)
-		}
+		previewRef.value.setSessionId(data)
 		previewType.value = 'report'
 	}
 
 	const handleOpenUrls = (data) => {
-		handleOpenReport(data, true)
+		previewRef.value.setUrls(data)
+		previewType.value = 'url'
 	}
 
 	watch(
@@ -129,6 +126,9 @@
 	onMounted(() => {
 		MyEvent.add('openReport', handleOpenReport)
 		MyEvent.add('openUrls', handleOpenUrls)
+		MyEvent.add('OpenSketch', ()=>{
+			previewType.value = 'sketch'
+		})
 		projectStore.clearProject()
 		if (proJectId.value) {
 			handleGetProjectInfoAndHistory()
@@ -137,6 +137,9 @@
 	onUnmounted(() => {
 		MyEvent.remove('openReport', handleOpenReport)
 		MyEvent.remove('openUrls', handleOpenUrls)
+		MyEvent.remove('OpenSketch', ()=>{
+			previewType.value = 'sketch'
+		})
 	})
 </script>
 

From 6f749d5dff9c7e19273ac2f48421cdc58fe68785 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 16 Mar 2026 14:26:04 +0800
Subject: [PATCH 5/7] feat: thinking  i18n

---
 src/lang/en.ts                           | 3 ++-
 src/lang/zh-cn.ts                        | 5 +++--
 src/views/home/agent/components/Item.vue | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/lang/en.ts b/src/lang/en.ts
index 2ec7bd1..402be6e 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -151,7 +151,8 @@ export default {
 		copySuccess: 'Text copied to clipboard',
 		copyFaild: 'Copy failed. Your browser may be restricting clipboard access. Please try copying manually.',
 		Download: 'Download',
-		deleteSuccess: 'Successfully deleted'
+		deleteSuccess: 'Successfully deleted',
+		thinking: 'Thinking...',
 	},
 
 	// Version Tree
diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts
index 9a79532..78ff493 100644
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -146,7 +146,8 @@ export default {
 		copyFaild:
 			'复制失败。您的浏览器可能限制了剪贴板访问,请允许浏览器访问剪贴板或尝试手动复制。',
 		Download: '下载',
-		deleteSuccess:'删除成功'
+		deleteSuccess: '删除成功',
+		thinking:'已思考'
 	},
 
 	// Version Tree
@@ -186,6 +187,6 @@ export default {
 	//3d面板
 	threeModel: {
 		loading: '加载中',
-		download: '下载',
+		download: '下载'
 	}
 }
diff --git a/src/views/home/agent/components/Item.vue b/src/views/home/agent/components/Item.vue
index a4079c3..6375a0d 100644
--- a/src/views/home/agent/components/Item.vue
+++ b/src/views/home/agent/components/Item.vue
@@ -22,7 +22,7 @@
 							class="thinking-header flex align-center"
 							@click="toggleThinkingCollapsed"
 						>
-							<span>思考中</span>
+							<span>{{ t('agent.thinking') }}</span>
 							<!-- <SvgIcon :name="content.thinkingCollapsed ? 'arrowDown' : 'arrowUp'" size="16" color="#666" /> -->
 						</div>
 						<div class="thinking-content" v-show="!content.thinkingCollapsed">

From f44adb0244c62eed2cdcb7a4d71918b14eaa7652 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Mon, 16 Mar 2026 15:28:05 +0800
Subject: [PATCH 6/7] =?UTF-8?q?=E4=B8=8A=E7=BA=A7=E4=B8=BA3d=E7=9A=84?=
 =?UTF-8?q?=E6=83=85=E5=86=B5=E7=82=B9=E5=87=BB=E6=94=BE=E5=A4=A7=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E4=B8=BA=E6=89=93=E5=BC=80=E6=A8=A1=E5=9E=8B=E7=AA=97?=
 =?UTF-8?q?=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FlowCanvas/components/nodes/cards/index.vue   |  2 +-
 .../FlowCanvas/components/nodes/result-image.vue  | 15 +++++++++++----
 .../components/tools/threeModel/index.vue         | 13 ++++++++++---
 .../components/tools/threeModel/model.vue         |  5 ++---
 src/components/Canvas/FlowCanvas/flow-canvas.vue  |  9 ++++++++-
 .../Canvas/FlowCanvas/manager/NodeManager.ts      |  1 +
 src/components/Canvas/components/base-modal.vue   |  5 ++++-
 7 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue b/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue
index 105c0bd..2a1d122 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue
@@ -132,7 +132,6 @@
 			imageUrl: attrs.node?.data?.originalImage,
 			...data,
 		}
-		console.log(subordNode)
 		const taskList = await currentComponent.value.api(apiData).then((rv)=>{
 			return rv
 		}) || []
@@ -143,6 +142,7 @@
 				positionY: (index + subordNodes.length) * (50 + 250),
 				data: {
 					superiorID: attrs.node.id,
+					superiorNodeType: attrs.node?.data?.type,
 					createIndexPosition: index,
 					tier: currentComponent.value.tier,
 					isActive: index == 0 && subordNodes.length == 0,
diff --git a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
index 102b109..b445a74 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
@@ -7,7 +7,7 @@
 			:class="{'active': config.isActive}"
 			@click="setSelectTaskId(item.taskId)"
 		>
-			<div class="header" v-if="item.status == 'RETURNED'" v-show="showHeader && item.taskId === data.selectTaskId" @mousedown.stop>
+			<div class="header" v-if="item.status == 'RETURNED'" v-show="showHeader && config.isActive" @mousedown.stop>
 				<span class="icon">
 					<svg-icon name="chat-compose" size="20" size-unit="px" />
 				</span>
@@ -61,7 +61,9 @@
 	import { downloadImage } from '../../../tools/tools'
 	import { reactive, ref, onBeforeUnmount, useAttrs, inject, watch, computed, onMounted } from 'vue'
 	import HighlightAdmin from '@/components/highlightAdmin.vue'
+	import { NODE_DATATYPE } from '../../tools/index.d'
 	const openImagePreview = inject('openImagePreview') as (url: string) => void
+	const openThreeModelPreview = inject('openThreeModelPreview') as (url: string) => void
 	const props = defineProps({
 		node: {
 			type: Object,
@@ -83,8 +85,8 @@
 		'send-to-back',
 		'update-data'
 	])
-	const attrs = useAttrs()
-	const showHeader = ref(!!attrs.node?.data?.isHeader)
+	// const attrs = useAttrs()
+	const showHeader = ref(!!props.node?.data?.isHeader)
 	const showMenu = ref(false)
 	const clickTaskId = ref('')
 	const generateManager = inject('generateManager') as any
@@ -97,6 +99,7 @@
 	const data = reactive({
 		selectTaskId: props.data?.selectTaskId || '',
 		imageProcessTasks: props.data?.imageProcessTasks,
+		superiorNodeType: props?.node?.data?.superiorNodeType,
 		isActive: props.data?.isActive || false,
 	})
 	const setSelectTaskId = (taskId: string) => {
@@ -171,7 +174,11 @@
 		}
 	])
 	const onPreview = (url: string) => {
-		openImagePreview(url)
+		if(data.superiorNodeType == NODE_DATATYPE.TO_3D_MODEL){
+			openThreeModelPreview(url)
+		}else{
+			openImagePreview(url)
+		}
 	}
 	const onDownload = (url: string) => {
 		downloadImage(url, 'image.png')
diff --git a/src/components/Canvas/FlowCanvas/components/tools/threeModel/index.vue b/src/components/Canvas/FlowCanvas/components/tools/threeModel/index.vue
index 7f12bfa..7f97de2 100644
--- a/src/components/Canvas/FlowCanvas/components/tools/threeModel/index.vue
+++ b/src/components/Canvas/FlowCanvas/components/tools/threeModel/index.vue
@@ -1,18 +1,25 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import threeGlb from '@/assets/images/three/sample.glb'
 
 import model from './model.vue'
 import detail from './detail.vue'
 
-//const props = defineProps({
-//})
+const props = defineProps({
+	currentUrl: {
+		type: String,
+		default: ''
+	}
+})
 //const emit = defineEmits([
 //])
 let data = reactive({
 })
+
 const modelRef = ref(null)
 onMounted(()=>{
-	modelRef.value.open()
+	console.log(props.currentUrl)
+	modelRef.value.open(threeGlb)
 })
 onUnmounted(()=>{
 })
diff --git a/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue b/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue
index 6334d86..568d1dd 100644
--- a/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue
+++ b/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue
@@ -5,7 +5,6 @@ import { useI18n } from 'vue-i18n'
 import gsap from 'gsap';
 import * as THREE from 'three';
 import { initThree,clearModel,addModel,getModelInfo,calculateCameraPosition } from './threeTool'
-import threeGlb from '@/assets/images/three/sample.glb'
 
 //const props = defineProps({
 //})
@@ -134,7 +133,7 @@ const setModel = async (url:any)=>{
 	await addModel(url,controls,camera,pointLight,group,load)
 	// addMaterial()
 }
-const open = async ()=>{
+const open = async (url)=>{
 	load.value.state = true
 	await nextTick(()=>{
 		init()
@@ -152,7 +151,7 @@ const open = async ()=>{
 		// composer.render();
 	};
 	animate();
-	await setModel(threeGlb)
+	await setModel(url)
 	load.value.state = false
 }
 
diff --git a/src/components/Canvas/FlowCanvas/flow-canvas.vue b/src/components/Canvas/FlowCanvas/flow-canvas.vue
index ff5725c..b3ea0a8 100644
--- a/src/components/Canvas/FlowCanvas/flow-canvas.vue
+++ b/src/components/Canvas/FlowCanvas/flow-canvas.vue
@@ -56,7 +56,9 @@
 	/>
 	<image-preview ref="imagePreviewRef" />
 	<baseModal ref="threeModelRef">
-		<threeModel />
+		<template v-slot="{ currentUrl }">
+			<threeModel :currentUrl="currentUrl" />
+		</template>
 	</baseModal>
 </template>
 
@@ -215,7 +217,12 @@
 	const openImagePreview = (url: string) => {
 		imagePreviewRef.value.open(url)
 	}
+	/** 打开3D预览 */
+	const openThreeModelPreview = (url: string) => {
+		threeModelRef.value.open(url)
+	}
 	provide('openImagePreview', openImagePreview)
+	provide('openThreeModelPreview', openThreeModelPreview)
 
 	onMounted(async () => {
 		// window['vueFlow'] = vueFlow
diff --git a/src/components/Canvas/FlowCanvas/manager/NodeManager.ts b/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
index 43d8df5..dc0d287 100644
--- a/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
+++ b/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
@@ -7,6 +7,7 @@ interface NodeData {
 	tier?: string// 节点层级
 	isHeader?: boolean// 是否显示头
 	superiorID?: string// 上级节点ID
+	superiorNodeType?: string// 上级节点类型
 	disableDelete?: boolean// 是否禁用删除
 	disableCopy?: boolean// 是否禁用复制
 	originalImage?: string// 要进行生成的图片
diff --git a/src/components/Canvas/components/base-modal.vue b/src/components/Canvas/components/base-modal.vue
index a6377c5..c6df09b 100644
--- a/src/components/Canvas/components/base-modal.vue
+++ b/src/components/Canvas/components/base-modal.vue
@@ -13,7 +13,7 @@
 			</div>
 		</template>
 		<div class="modal-box">
-			<slot></slot>
+			<slot v-if="currentUrl" :currentUrl="currentUrl"></slot>
 		</div>
 	</el-dialog>
 </template>
@@ -27,11 +27,14 @@
 		}
 	})
 	const showDialog = ref(false)
+	let currentUrl = ref('')
 	const open = (url_: any) => {
+		currentUrl.value = url_
 		showDialog.value = true
 	}
 	const close = () => {
 		showDialog.value = false
+		currentUrl.value = ''
 	}
 
 	defineExpose({

From ab02bca34314a5a1be7f79f1744a19b56f379b22 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 16 Mar 2026 16:46:43 +0800
Subject: [PATCH 7/7] bugfix: versionID

---
 src/views/home/agent/components/Agent.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/home/agent/components/Agent.vue b/src/views/home/agent/components/Agent.vue
index 7933695..a355e48 100644
--- a/src/views/home/agent/components/Agent.vue
+++ b/src/views/home/agent/components/Agent.vue
@@ -292,8 +292,13 @@
 							.filter((content) => content.startsWith('{') || content.startsWith('['))
 						// console.log('dataLInes', dataLines)
 						if (isNodeIdEvent) {
-							params.versionID = dataLines[0]
-							projectStore.setProject({ nodeId: dataLines[0] })
+							const versionID = event.split(/\n/)
+							.filter((line) => line.startsWith('data:'))
+							.map((line) => line.replace(/^data:\s*/, ''))[0]
+							
+							debugger
+							params.versionID = versionID
+							projectStore.setProject({ nodeId: versionID })
 						}
 						// if (eventName === 'webAddress') {
 						// 	console.log('webAddress111111111111111', eventName, dataLines)