diff --git a/src/components/Canvas/FlowCanvas/index.vue b/src/components/Canvas/FlowCanvas/index.vue
index 67d9108..fd5c39c 100644
--- a/src/components/Canvas/FlowCanvas/index.vue
+++ b/src/components/Canvas/FlowCanvas/index.vue
@@ -18,16 +18,19 @@
 	const {t:$t} = useI18n()
 	const open = async (options) => {
 		let json = []
+		let isGetJson = false
 		await new Promise((resolve) => {
 			getSketchFlowCanvas({ id: options.imgId },true).then((res:any) => {
 				if (res) {
 					json = JSON.parse(res)
 				}
+				isGetJson = true
 				resolve(true)
 			}).catch(() => {
-				resolve(true)
+				resolve(false)
 			})
 		})
+		if(!isGetJson)return
 		config.value = options || {}
 		config.value.json = json
 		dialogVisible.value = true
diff --git a/src/views/home/agent/components/Agent.vue b/src/views/home/agent/components/Agent.vue
index 40fdc23..b8223a3 100644
--- a/src/views/home/agent/components/Agent.vue
+++ b/src/views/home/agent/components/Agent.vue
@@ -187,7 +187,7 @@
 		isPaused.value = false
 		isGenerating.value = true
 		params.message = message.text
-		if (message.hasOwnProperty('useReport')) {
+		if (Object.prototype.hasOwnProperty.call(message, 'useReport')) {
 			params.useReport = message.useReport
 		}
 
@@ -589,7 +589,7 @@
 					thinkingText: combinedThinkingText,
 					text: combinedContent,
 					image_url: combinedImageUrl,
-					webAddress: !!webAddress ? JSON.parse(webAddress) : null,
+					webAddress: webAddress ? JSON.parse(webAddress) : null,
 					isUser: false,
 					id: result.length + 1,
 					sessionId: sessionId
@@ -688,7 +688,8 @@
 	}
 
 	defineExpose({
-		setChatInfo
+		setChatInfo,
+		isGenerating
 	})
 </script>
 
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index d1e4632..43bb673 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -6,7 +6,7 @@
 	>
 		<template v-if="type === 'sketch'">
 			<div
-				class="sketch-item"
+				class="sketch-item flex flex-center"
 				v-for="(item, index) in combineSketchList"
 				:key="'sketch-item-' + index"
 			>
@@ -334,7 +334,7 @@
 			background-color: #fff;
 			img {
 				width: 100%;
-				height: 100%;
+				// height: 100%;
 				border-radius: 1.6rem;
 			}
 			.loading-wrapper {
diff --git a/src/views/home/agent/index.vue b/src/views/home/agent/index.vue
index 2defabc..85c90e1 100644
--- a/src/views/home/agent/index.vue
+++ b/src/views/home/agent/index.vue
@@ -1,7 +1,9 @@
 <template>
 	<div class="agent-wrapper flex space-between">
 		<div class="openVersionTree">
-			<div class="btn" @click="versionTreeData.drawer = true">Version Tree</div>
+			<div class="btn" :class="{ 'is-disabled': isAgentGenerating }" @click="handleOpenVersionTree">
+				Version Tree
+			</div>
 		</div>
 		<div class="content-wrapper">
 			<KeepAlive :max="10">
@@ -55,6 +57,7 @@
 	const VersionTreeIndexRef = ref()
 	const agentRef = ref()
 	const sketchList = ref([])
+	const isAgentGenerating = computed(() => Boolean(agentRef.value?.isGenerating))
 	const updateSketchList = (newVal) => {
 		sketchList.value = newVal
 		// VersionTreeIndexRef.value.getVersionTree()
@@ -63,7 +66,7 @@
 	const handleDeleteSketch = (id) => {
 		sketchList.value = sketchList.value
 			.map((sketchItem) => {
-				if (sketchItem.hasOwnProperty(id)) {
+				if (Object.prototype.hasOwnProperty.call(sketchItem, id)) {
 					delete sketchItem[id]
 				}
 				return sketchItem
@@ -79,6 +82,11 @@
 		drawer: false
 	})
 
+	const handleOpenVersionTree = () => {
+		if (isAgentGenerating.value) return
+		versionTreeData.value.drawer = true
+	}
+
 	const handleRestore = () => {
 		// agentRef.value?.inputRef?.addReportTag('Restore')
 		clearNodeChat({ projectId: projectStore.state.id, id: projectStore.state.nodeId }).then(
@@ -203,6 +211,10 @@ const handleGetProjectInfoAndHistory = () => {
 					border-radius: 2.5rem;
 					z-index: -1;
 				}
+				&.is-disabled {
+					cursor: not-allowed;
+					opacity: 0.6;
+				}
 			}
 		}
 
diff --git a/vite.config.ts b/vite.config.ts
index 87aab9b..3dd41ec 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -62,7 +62,7 @@ export default defineConfig(({ mode }) => {
 			host: '0.0.0.0', // 允许局域网内的IP访问
 			port: 8060, // 根据环境设置端口
 			open: false, // 自动打开浏览器
-			strictPort: true, // 如果端口已被占用，则尝试下一个可用端口
+			strictPort: false, // 如果端口已被占用，则尝试下一个可用端口
 			hmr: {
 				overlay: true
 			},