diff --git a/src/assets/images/generate-loading.gif b/src/assets/images/generate-loading.gif
deleted file mode 100644
index 4c24ff8..0000000
Binary files a/src/assets/images/generate-loading.gif and /dev/null differ
diff --git a/src/assets/images/generate-loading.mp4 b/src/assets/images/generate-loading.mp4
new file mode 100644
index 0000000..e47145c
Binary files /dev/null and b/src/assets/images/generate-loading.mp4 differ
diff --git a/src/views/home/agent/components/Agent.vue b/src/views/home/agent/components/Agent.vue
index 1614bde..4806ac6 100644
--- a/src/views/home/agent/components/Agent.vue
+++ b/src/views/home/agent/components/Agent.vue
@@ -385,6 +385,7 @@
 		}
 
 		const { ancestors, current } = data
+
 		const imgList = []
 		const ancestorsList = []
 		if (ancestors) {
diff --git a/src/views/home/agent/components/Item.vue b/src/views/home/agent/components/Item.vue
index b5754bf..dfa7ee0 100644
--- a/src/views/home/agent/components/Item.vue
+++ b/src/views/home/agent/components/Item.vue
@@ -1,6 +1,9 @@
 <template>
 	<div class="agent-item">
-		<div class="message-wrapper flex" :class="{ 'is-user': content.isUser,'is-loading': content.loading }">
+		<div
+			class="message-wrapper flex"
+			:class="{ 'is-user': content.isUser, 'is-loading': content.loading }"
+		>
 			<div class="thumb">
 				<img :src="content.isUser ? userThumb : agentThumb" class="thumb-icon" />
 			</div>
@@ -36,7 +39,14 @@
 				</div>
 			</div>
 			<div class="message-context loading" v-show="content.loading">
-				<img src="@/assets/images/generate-loading.gif" alt="loading" class="loading-gif" />
+				<!-- <img src="@/assets/images/generate-loading.gif" alt="loading" class="loading-gif" /> -->
+				<video
+					src="@/assets/images/generate-loading.mp4"
+					autoplay
+					loop
+					muted
+					class="loading-gif"
+				></video>
 			</div>
 			<div class="message-context" v-show="content.thinking">
 				<div class="thinking">
@@ -111,7 +121,7 @@
 		{
 			name: 'refreshTransparent',
 			action: () => {
-				emit('regenerate')
+				// emit('regenerate')
 			}
 		},
 		{
@@ -203,6 +213,7 @@
 			height: 6.8rem;
 			border: 0.1rem solid #cdcdcd;
 			border-radius: 1.5rem;
+			object-fit: contain;
 		}
 	}
 
diff --git a/src/views/home/agent/index.vue b/src/views/home/agent/index.vue
index e3c37ff..9761379 100644
--- a/src/views/home/agent/index.vue
+++ b/src/views/home/agent/index.vue
@@ -56,7 +56,7 @@
 	const handleSelectNode = () => {
 		getNodeAncestors({ projectId: projectStore.state.id, id: projectStore.state.nodeId }).then(
 			(res) => {
-				agentRef.value.setChatInfo(res)
+				agentRef.value.setChatInfo({ conversation: res, project: {} })
 			}
 		)
 	}
diff --git a/src/views/home/components/Input.vue b/src/views/home/components/Input.vue
index a821b1c..d5ab7de 100644
--- a/src/views/home/components/Input.vue
+++ b/src/views/home/components/Input.vue
@@ -677,7 +677,7 @@
 				.preview-image {
 					width: 100%;
 					height: 100%;
-					object-fit: cover;
+					object-fit: contain;
 					border-radius: 0.8rem;
 				}